WEB前端第三课——HTML常用标签、属性、符号等
1.常用标签
<p></p> 段落标签
<hn></hn> 题目标签(n=1~6)
<br/> 换行标签
<hr/> 水平线标签
<span></span> 无语义标签,常用于定义代码块
<img/> 图片标签
<a></a> 超链接标签
<address></address> 地址标签
<input/> 文本输入框
<textarea></textarea> 多行文本输入框
<label></label> 为input元素定义标注
<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> 定义插入字
<ul></ul> 定义无序列表
<ol></ol> 定义有序列表
<dl></dl> 自定义列表
<li></li> 列表项目的标记
2.特殊符号(字符实体)
在代码书写过程中,HTML 中的预留字符必须被替换为字符实体
实体名称对大小写敏感。
&nbjsp; 空格
> 大于号(>)
< 小于号(<)
× 乘号(x)
÷ 除号(÷)
& 和号(&)
" 引号(")
¢ 分(cent)(¢)
£ 镑(pound)(£)
¥ 元(yen)(¥)
€ 欧元(euro)(€)
© 版权符号(©)
® 注册商标(®)
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>内侧
>>>>>>>>>>>>>>>>>>>>更新补充内容<<<<<<<<<<<<<<<<<<<<<<<<<
1.大多数 HTML 元素被定义为块级元素(block-level)或内联元素(inline)。
块级元素在浏览器显示时,通常会以新行来开始(和结束),常用块级元素:
<div>, <h1>, <p>, <ul>, <table>
内联元素在显示时通常不会以新行开始,也称行内元素,常用行内元素:
<span>, <b>, <td>, <a>, <img>
行内元素无法直接定义行高 width属性,可以通过 display属性将其转换为行内块级元素(inline-block)