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) |
|