首页 > > 网页制作 > css >

第六课 Html5常用标签

2019-02-17 01:48:40来源：博客园阅读 ()

HTML标签的认识
一、标签的分类
1、双标签如<html> </html>
2、单标签如 换行标签

二、标签的关系
1、嵌套关系
如<head> 与title 父子关系
<head><title></title></head>
2、并列关系
如<head>与<body> 兄弟关系

三、排版标签
1、标题标签 h1-h6 h1比较重要，一般用作网站的logo
2、段落标签 p
3、水平线标签 <hr /> 单标签
4、换行标签 
5、div span 标签网页布局标亲盒子

四、文本格式化标签
1、文本加粗标签
不推荐使用的加粗标签
推荐使用的加粗标签
2、文本倾斜标签
不推荐使用的倾斜标签
推荐使用的倾斜标签
3、文本删除线标签
<s>不推荐使用的删除线标签</s>
<del>推荐使用的删除线标签</del>
4、下划线标签
不推荐使用的下划线标签
<ins>推荐使用下划线标签</ins>

五、标签属性

六、图像标签
<img /> 单标签

属性：src 图片路径
alt 替换文字图片无法显示时显示的文字
title 鼠标放在图片上时显示的文字

七、链接标签
<a href="链接路径"></a>

八、锚点定位
适用于较长的页面，我们可以点击某个关键词，从而迅速到达页面的这个位置
1、使用"<a href="#id名">链接文本</a>" 创建链接文本
2、使用相应的id名标注跳转目标位置

九、base 标签单标签 base可以设置整体链接的打开状态

例：<base target="_blank" /> 链接开启新窗口
<base target="_self" /> 链接不开启新窗口

十、特殊字符标签如:空格-> 等百度查看更多

十一、注释标签

注释快捷键：单行注释 ctrl+/ 多行注释 ctrl+shift +/

原文链接:https://www.cnblogs.com/Liuxingtao/p/10381857.html
如有疑问请与原作者联系

标签：