1.排版标签:
- <hx></hx> 标题标签 作为标题使用,并且依据重要性递减
- <p></p> 段落标签 可以把HTML文档分割成若干段落
- <hr /> 水平线标签
- <br> 换行标签
- <div></div> div标签 用来布局,一行只能放一个div
- <span></span> span标签 用来布局,一行上可以放好多个span
2.文本格式化标签
- <b></b><strong></strong> 文字以粗体方式显示(XHTML推荐使用strong)
- <i></i>和<em></em> 文字以斜体方式显示(XHTML推荐em)
- <s></s>和<del></del> 文字以加删除线方式显示(XHTML推荐del)
- <u></u>和<ins></ins> 文字以加下划线方式显示(XTHML不赞成使用u)
3.标签属性
<标签名 属性1="属性值1" 属性2="属性值2" ....>内容</标签名>
<手机 颜色="红色" 大小="5寸"> </手机>
4.图像标签img(重点)
- <img src="图像URL"/>
- 修改大小时,一般只修改宽或者只修改高,另外一个等比例缩放
- 属性无先后顺序,但属性与属性之间要用空格隔开。
5.链接标签(重点)
- <a herf="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
- herf 用于指定链接目标的URL地址,(必须属性)当标签应用herf属性时,它就具有了超链接的功能
- target 用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。
target="-blank"
- 注意:
外部链接 需要添加 http://www.baidu.com
内部链接 直接链接内部页面<a herf="index.html">首页</a>
空链接 herf="#"
不仅可以创建文本超链接,各种网页元素都可以添加超链接。<herf="http://www.baidu.com"><img src="timg.jpg/"></a>
6.注释标签
<!--注释语句 -->
快捷键:光标放在想注释语句的后面,然后"Ctrl"+"?"
7.路径
相对路径:相对于当前文件的路径,一层一层寻找
有同级路径(引用时直接写图片名称),
下一级 路径/(<img src="images/timg.jpg">)图片timg.jpg相对于deme.html的下一级
上一级路径../(<img src="../images/timg.gif" />)
绝对路径:使用较少(完整的网络地址),注意写法是 \ 而不是相对路径的 / ,绝对的网络地址可以用
8.其他
- 锚点定位:使用相应的id名标注跳转目标的位置 <h3 id="two">第二集</h3> <a herf="#two">链接文本</a>
- base标签
- base可以设置整体链接打开状态
- base写到<head></head>之间
- 把所有的链接 都默认添加 target="_blank"
- 预格式化文本pre标签:被包围在<pre>标签中的文本通常会保留空格的换行符。文本也会呈现为等宽字体。按照我们预先写好的格式来显示页面,保留空格和换行等。(用的较少,不好整体控制)
<pre>
............ ...
...... ... ...
</pre>
特殊符号