WEB前端第三课——HTML常用标签、属性、符号等

1.常用标签

<p></p>  段落标签

<hn></hn>  题目标签(n=1~6)

<br/>  换行标签

<hr/>  水平线标签

<span></span>  无语义标签,常用于定义代码块

<img/>     图片标签

<a></a> 超链接标签

<address></address>  地址标签

 

<pre></pre>  预文本格式标签

<b></b>  定义粗体字

<strong></strong>  定义加重语气字,显示效果类似<b></b>

<i></i>  定义斜体字

<em></em>  定义着重字,显示效果类似<i></i>

<u></u>  字体下划线

<s></s>  字体中划线

<del></del>  定义删除字,效果类似<s></s>

<small></small>  定义小号字

<sup></sup>   定义上标字

<sub></sub>   定义下标字

<ins></ins>   定义插入字

 

2.特殊符号

&nbjsp;    空格

&gt;         大于号(>)

&lt;          小于号(<)

&quot;     引号(”)

&copy;     版权符号(©)

 

3.标签属性

<img/>     图片标签(单标签),使用该标签将图片添加到页面。

    语法:<img  src=”URL”  width=”50px”  height=”50px”  alt=”加载图片失败”  title=”文本”/>

    必须属性:src(存储图片的位置URL)

    常用属性:width(图片宽度px),height(图片高度px),alt(当图片未能正常显示时,用于给用户提示信息),border(图片边框,不常用),

         title(鼠标经过图片时显示的内容,搜索引擎抓取图片时是依据title定义的内容来分析识别图片的)

<a></a> 创建超链接(双标签)

    语法:<a  href=””  target=””  title=””>文本(链接名称)或图片</a>

    href,必须属性,链接URL

    target,可选属性,链接打开方式,默认参数”_self”当前页面打开,“_blank”新窗口中打开

    name,可选属性,锚点名称

    title,可选属性,定义鼠标经过时提示的文字

    创建锚点分为两步:(1)使用<a  href=”#锚点名”>需要设置链接的文本</a>,创建链接;

             (2)利用标注链接跳转到目标位置,两种方式:①目标位置添加id,id=”锚点名”,②目标位置使用<a>标签,<a  name=”锚点名”>目标位置文本</a>

<hr/>  在页面中创建一条水平线,将文档分隔显示,单标签。

    常用属性:align,水平对齐方式,默认居中

         width,水平线长度,可设置像素(px)或百分比(%)

         size,水平线的高度(粗细程度)

         color,水平线的颜色

    语法示例:<hr  align=”center”  width=”50%”  size=”5″  color=”red” />

<pre></pre>  预文本格式标签,在<pre></pre>内部的文本,通常会保留空格和换行符,用在<body></body>内侧

 

后续逐步更新。。。。。。