1:HTML初识
HTML :超文本标记语言(Hyper Text Markup Language),主要是通过HTML标签对网页中的文本,图片,声音等内容进行描述。
(HTML就是用文本来表示的带有特殊标签的特殊语言)
<strong>HTML</strong>
注意:体会 文本 标签 语言 几个词语
由 < 左右尖括号> 包裹起来的文本叫做标签。
例如:<html>(开始标签)</html>(带有/的结束标签)
2:HTML骨架
<html>根标签
<head>头标签
<title></title>标题标签
</head>
<body>主体标签
</body>
</html>
1.html标签:作用;所有html中标签的一个根节点。
2.head标签:作用;用于存放:title meta base style script link 注意在head标签中我们必须要设置的标签是title。
3.title标签:作用;让页面拥有一个属于自己的标题。
4.body标签:作用;页面在的主体部分,用于存放偶有的htm标签:p.h.a.b.u.i.s.em.del.ins.strong.img.
图片示例
猪八戒记忆法.png
3.HTML标签分类
网页组成元素为(文字.图片.链接.音频.视频等)程序员需要用代码来表达这些元素。
代码标签
<img>图片标签
标签有文字标签,图片标签,链接标签 ,视频标签,音频标签等。
1.双标签
<标签名>内容</标签名>
<body>开始标签
</bdy>结束标签
比如<body>文字内容</body>
(/) 关闭符号
2.单标签
<标签名 />
单标签也叫空标签,是指一个标签符号即可完整的描述某个功能的标签。
例如<br />
单标签数量比较少
4.HTML标签的关系
标签的相互关系分为两种
1.嵌套关系(又叫父子关系)
例如:
<head> <title> </title> </head>
<head>父标签
<title>子标签
嵌套关系不止一层
例如:
<html>爷爷
<bead> 父亲
<title> </title> 儿子
</bead>
</html>
2.并列关系
<head></head>
<bidy></body>
并列存在又叫兄弟关系。
建议:如果两个标签之间关系是嵌套关系,子元素最好向后增加一个tab键的身位。如果是并列关系,最好上下对齐。
以上
网友评论