大前端

认识html

2017-03-17  本文已影响11人  a紫星

HTML(Hyper text markup languag)超文本标记语言

Html结构标准

< ! doctype html> 声明文档类型
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主体标签
</body>
</html>

Html标签分类

单标签 <! Doctype html>
双标签 <html></html> <head></head> <title></title>

Html标签关系分类

包含(嵌套关系) <head><title></title></head> 父子
并列关系 <head></head><body></body> 兄弟姐妹

标签

单标签

注释标签 ctrl+/
换行标签 <br />
水平线标签 <hr />

双标签

<p>文本内容</p>
标题标签
h1-h6 取值到h6
文本标签
<font>文本内容</font>
文本格式化标签
文本加粗标签 <strong></strong> <b></b> 工作里尽量使用strong
文本倾斜标签
<em>文本倾斜标签</em> <br /> <i>文本倾斜标签</i> <br />工作里尽量使用em
删除线标签
<del>删除线标签</del> <s>删除线标签</s> 工作里尽量使用del

下划线标签
<ins></ins> <u></u> 工作里尽量ins
之所以工作里使用<strong></strong> <em></em> <del></del>
<ins></ins> 是因为更有语义化。

图片标签

Src 图片的来源 必写属性
Alt 替换文本 图片不显示的时候显示的文字
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度
◆图片没有定义宽高的时候,图片按照百分之百比例显示,如果只更改图片的宽度或者高度,图片等比例缩放。

上一篇下一篇

猜你喜欢

热点阅读