HTML5基础与列表、表格

HTML是标记语言，HTML由一套标记标签（Markup Tag）组成，在制作网页时，使用标记标签来描述网页

网页编辑工具：记事本、Dreamweaver、UltraEdit、HBuilder、WebStorm等。

标签都是成对出现的，有一个开头标记就对应地有一个结束标记，以“< >”开始、以“< / >”结束，要求成对出现，标签之间有缩进，体现层次感，方便阅读和修改。

HTML5的基本结构分为两部分：头部（head）和主体（body）。

@   <head> ... </head>  网页头部
      <body> ... </body>  主体部分

1.HTML的基本结构

<html>
<head>
     <title>我的第一个网页</title>
</head>
<body>
     我的第一个网页
</body>
</html>

　< body>、</body>等成对的标签，分别叫开放标签和闭合标签单独呈现的标签（空元素），如 <hr/> ；意为用 / 来关闭空元素

2.网页基本标签有哪些？它们的作用是什么？

标题标签 <h1>…</h1> ～ <h6>…</h6> / <title>

段落标签 <p>…</p>

换行标签 <br/>

水平线标签 <hr/>

字体样式标签
加粗：<strong>…</strong> / <b>...</b>
斜体：<em>…</em> / <i>...</i>

图像标签: <img/>---------(单标签)

超链接标签: <a>...</a>

有序列表标签 <ol> <li>...</li> </ol>

3.图片标签：<img src="path" alt="text" title="text" width="x" height="y" />

src 图片路径

alt 图片无法加载时的替换文字

title 鼠标悬停提示

width 图片宽度

height 图片高度

4.超链接标签：<a href="path" target="目标窗口位置">链接文本或图像</a>

href 链接目标路径

target 新窗口打开或本窗口打开

_blank:新建一个窗口跳转

_self:本页面刷新

5.在HTML中支持哪几种列表？

列表:有序列表

无序列表
定义列表
重点：无序列表及使用场景

6.超链接有哪些分类？

应用场合

   页面间链接
   锚链接
   功能性链接

7.表格

   表格标签<table>……</table>
   行标签<tr>……</tr>，可以有多行
   单元格标签<td>……</td>，可以有多个单元格
   表格的跨列(colspan)
指单元格的横向合并
   表格的跨行(rowspan)
指单元格在垂直方向上的合并

8.HTML标签常用属性

9.alt属性和title属性的区别

区别:alt 图像的替代文字 title 鼠标悬停提示文字