第一天

(补第一天)

第一天学习的是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…))

}

第一天