web前端开发01（HTML常用标签+元素属性+class语义化名称）

行内元素：不独占一行，读取不到定义的宽高；

解：（ 不独占一行，会跟在上一个元素的后面，行内块元素是无法定义宽高的。即使设置了也是无法读取的 ）

块级元素：独占一行，可以读取到定义的宽高；

解：（独占一行，能读取到设置的宽高）

行内块元素：不独占一行，可以读取到定义的宽高；

解：（不独占一行，可以读取到设置的宽高，）

<p> 段落标签 </p> （块级元素）

<b>文字加粗</b>  (行内元素)

<a> 超链接标签 </a>  (行内元素)

<s> 删除线 </s> （行内元素）

<h1>标题标签 <h1> (块级元素)

<form> 表单标签 </form>

<i>文字倾斜标签 </i>  (行内元素)

<span> 万能标签 </span>（行内元素)

<font> 文字标签 </font>  (行内元素)

<img src=" "/> 图片标签  （行内块元素）

<form>表单标签</form>  （块级元素）

<input/> 文本域  （行内元素）

<br /> 换行标签（块级元素）

<hr />水平线标签  (块级元素)

 

单表签：<img src=''/>

class语义化名称：

头部：header  、top

轮播图：banner

电话：tel

底部：footeer 、bottom

主体：main

内容：connter

导航：nav

菜单：menu

新闻：news

产品：product