html标签

1. 排版标签

- 标题标签 h1-h6
- 段落标签 p paragraph
- 水平线标签 hr horizaontal <hr /> 单标签
- 换行标签 br  break  <br />  单标签
- div和span标签  division 分割，分区 span 跨度，跨距，范围
    //这两个标签是没有语义的，是网页布局的主要两个盒子，用来装语义元素的
    ##div用来布局，一行只能放一个div；而span一行可以有多个，显示在一行的

2. 文本格式化标签

- b标签 bord 加粗  <b> </b>
- strong标签 加粗 有强调的意思，推荐使用
- i标签 倾斜
- em标签 倾斜，语义更强，推荐使用
- s标签 加删除线
- dle标签 加删除线  推荐使用
- u标签 加下划线
- ins标签 加下划线   推荐使用

3. 标签属性

- img标签  单标签，必需属性<img src="" /> 属性不分先后顺序，以空格隔开，是key="value"的形式
    // alt属性 替换文本，当图片找不到时，显示的文字
    // title属性 提示文本，鼠标停在图片上显示的文字
    // width和height 像素 设置宽度或者高度，两个给其中一个值即可，会根据一个值等比例变化
    // border 数字 设置图像边框的宽度  后边会用css来做

4. 链接标签

- a 标签 
    // herf用于指定链接地址的url，必需属性
    // 外部链接：<a herf="http://">文本内容</a>  
    // 内部链接： <a herf="文件路径">文本内容</a>
    // 空链接：<a herf="#">文本内容</a>   空链接，点击没有反应
    // 其他标签也是可以添加链接的，比方图片---> <a herf="http://www.baidu.com"><img src="图片路径" /></a> 
        ## 点击图片即可以跳转到http://www.baidu.com这个地址了
- target标签 用于指定页面链接的打开方式
    // 有两种方式self和blank，_self为默认值，在当前页打开，这样会把原来页面覆盖；_blank是在新的空白页面打开，原来的页面还存在
        ## <a herf="http://www.baidu.com" targe="_blank"><img src="图片路径" /></a>  在新的页面打开
        ## 可以设置所有链接打开方式默认都是新页面打开
            ## 在head标签中添加base标签--> <head>其他内容和标签 <base target="_blank"/> </head>

5. 注释标签

- 写法<!-- 内容-->
- 快捷键是ctl+shift+/

6. 预格式化文本标签（用的比较少）

- pre标签 就是把html文件中文字内容原样显示出来，识别空格和换行

7. 特殊字符（不是标签是一种符号）

- 空格 &nbsp;
- > &gt; 大于号
- < &lt; 小于号
posted @ 2020-01-13 12:46  昭昭木木  阅读(139)  评论(0)  编辑  收藏  举报