目录
1.网页基本结构
<!DOCTYPE html> <!-- html:告诉浏览器用什么规范 -->
<html lang="en">
<head> <!--<head>(开放标签) </head>(闭合标签):网页头部 -->
<meta charset="UTF-8"> <!-- UTF-8(包含全世界所有国家需要用到的字符)/gb2312(包含全部中文字符)页面编码应与页面文件保存时的编码一致 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <!-- <title> </title>:窗口主题内容-->
</head>
<body> <!--<body> </body>:主题部分 -->
</body>
</html>
2.标题标签
<h1>一级标题</h1>
...字体逐渐变小
<h6>一级标题</h6>
3.段落标签
<p>...</P>
4.换行标签
<br/>
5.水平线标签
<hr/>
6.字体样式标签
<strong>加粗</strong>
<em>斜体</em>
<del>删除线</del>
7.注释和特殊符号
空格:
大于号:>
小于号:&It;
引号:"
版权符号:©
8.图像标签
常见的图像格式:BMP、JPG、GIF、PNG、BMP
<img src="" alt="text" title="text" width="" height=""/>
src:图像地址 alt:图像的替代文字 title:鼠标悬停提示文字
width:图像宽度 heigh:图像高度
9.链接标签
<a href="path" target="目标窗口位置">链接文本或图像</a>
href:链接路径 target:链接在哪个从窗口打开(常用值:_self:当前窗口、_blank:新的窗口)
-
页面间链接
从一个页面链接到另外一个页面
-
锚链接(甲跳转到乙)
创建步骤:创建跳转标记: <a name="marker">乙位置</a> 创建跳转链接: <a href="#marker">甲位置</a>
-
功能性链接
电子邮件、QQ、MSN
<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>
10.行内元素和块元素
行内元素:内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)
块元素:无论内容多少,该元素独占一行(p、h1-h6…)