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>
加粗:<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)
指单元格在垂直方向上的合并
行标签<tr>……</tr>,可以有多行
单元格标签<td>……</td>,可以有多个单元格
表格的跨列(colspan)
指单元格的横向合并
表格的跨行(rowspan)
指单元格在垂直方向上的合并
8.HTML标签常用属性
9.alt属性和title属性的区别
区别:alt 图像的替代文字 title 鼠标悬停提示文字