第一天
(补第一天)
第一天学习的是HTML的一些基础知识
HTML:Hyper Text Markup Language(超文本标记语言)
HTML的发展史:
W3C标准包括:{
结构化标准语言(XHTML 、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript )}
HTML网页基本结构:{
<html>
<head>
<title>标题</title>
</head>
<body>
网页内容
</body>
</html>
注:{< body>、</body>等成对的标签,分别叫开放标签和闭合标签 单独呈现的标签(空元素),如 <hr/> ;意为用 / 来关闭空元素}
}
DOCTYPE声明:<!DOCTYPE html>(告诉浏览器使用什么规范)
<title>标签:{
<title>家用电器排行榜</title>
}
<meta>标签:{
<meta charset="UTF-8(网页字符编码)" />(推荐utf-8,还可设置为gb2312)
<meta name="keywords(搜索关键字)" content="关键字内容 " />
<meta name="description(内容描述)" content="内容" />
注:{gb2312包含全部中文字符
utf-8 则包含全世界所有国家需要用到的字符
页面编码应与页面文件保存时的编码一致
}
}
标题标签:{
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
图示:
}
段落标签:<p>…</p>
换行标签:<br/>
水平线标签:<hr/>
加粗标签:<strong>…</strong>
斜体标签:<e m>…</em>
注释和特殊符号:{
}
图像标签:{
<img src="图像地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图像宽度" height="图像高度" />
}
链接标签:{
<a href="链接地址" target="链接在哪个窗口打开(常用值:_self、_blank)">链接文本或图像</a>
}
锚链接:{
从A页面的甲位置跳转到本页中的乙位置
从A页面的甲位置跳转到B页面中的乙位置
<a name="marker">乙位置</a>
<a href="#marker">甲位置</a>
}
邮件链接:{
<a href="mailto:邮件地址">邮件链接文本</a>
}
行内元素和块元素:{
块元素:(无论内容多少,该元素独占一行(p、h1-h6…))
行内元素:(内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…))
}