2018年8月5日

　　这是暑假第四周，这一周我在菜鸟教程网学到了许多HTML的知识。HTML编写网页不像C语言、Java语言那必须有主方法、主函数什么的，它基本上都是标签（元素），但是它可以与CSS（层叠样式表）结合来调整网页样式，也可以和JavaScript结合来进行事件响应。

　　封闭自身的元素

<html>	元素是HTML页面的根元素
<head>	元素包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8。
<title>	描述了文档的标题，就是浏览器显示的标签
<style>	使用内部样式表来格式化文本。
<body>	包含了可见的页面内容
<h1>、<h2>......	定义标题，1到6号标题与分别对应6到1号字体。
<p>	元素定义一个段落，段落与段落之间会有一个空行
<b>("bold")(或<strong>)	加粗文本(定义加重语气)
<i>("italic")(或<em>)	斜体文本(定义着重文字)
<big>	文本字体放大
<small>	文本字体缩小
<sub>	下标
<sup>	上标
<a>	超文本链接
<ins>	定义插入字，就是文字下有下划线
<del>	定义删除字，就是文字中间有删除线
<pre>	定义预格式文本，就是原样输出内容
<abbr>或<acronym>	定义缩写。鼠标移至缩略词语上时，浏览器会展示全称。
<address>	定义地址
<bdo>	定义文字方向(dir="rtl" 文字从右向左显示)
<blockquote>	从另一个源引用的部分
<q>	定义短的引用语，自动加双引号
<cite>	工作的名称
<dfn>	定义一个定义项目

这些标签常用于显示计算机/编程代码：

图像地图：

<map>

定义图像地图，与<img>、<area>连用

表格：

列表：

区块：

<div>	定义文档区块，块级(block-level)
<span>	定义 span，用来组合文档中的行内元素。

表单：

<form>	允许用户在表单中输入内容,表单本身并不可见。与<input>元素一起使用。
<select>	创建下拉列表,与<option>元素一起使用。属性有name
<option>	列表详细选项，属性有value。当设置为selected时该选项为默认选项
<textarea>	创建文本域，若输入文字，则为文本域初始文字。属性有rows、cols
<fieldset>	创建表单的边框线
<legend>	创建表单的标题
<label>	配合单选按钮使用，<label>设置for，单选按钮设置id，达到点字选择效果

框架

<iframe>	规定一个内联框架，用来在当前 HTML 文档中嵌入另一个文档。属性有height、 width、frameborder、id等
<frameset>	框架集,定义如何将窗口分割为框架。属性有rows、cols(设置纵横比例)，noresize="noresize"表示框架大小不能改变。与<frame>一起使用。不能将 <body>标签与 <frameset>标签同时使用！
<noframes>	在<frameset>标签内使用，如果不支持框架会显示标签内文字。

脚本

<script>	定义客户端脚本,既可包含脚本语句，也可通过src属性指向外部脚本文件
<noscript>	提供无法使用脚本时的替代内容,可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

不需要封闭自身的元素

　　早期发布的 HTML 规范当中，<br> 与 <hr> 等元素是不用封闭自身的，但是这种元素造成了HTML规范的不严谨，于是在之后发布的XHTML语言中，参考了更为严谨的 XML 规范，在这些不用自身封闭的元素后加/来表示自行封闭。

<hr/>	在HTML页面中创建水平线
<br/>	换行
<base/>	定义页面中所有链接的默认地址或默认目标。<base href="http://www.runoob.com/images/" target="_blank">
<meta/>	<meta charset=’utf-8’>、<meta name="author" content="张三">、<meta name="description" content="html">、<meta name="keywords" content="HTML">、<meta http-equiv="refresh" content="30">
<link/>	使用外部样式文件来格式化文本。<link rel="stylesheet" type="text/css" href="styles.css">
<img/>	<img border="10" src="爱心.gif" alt="爱心" width="170" height="170">
<area/>	定义图像地图中的可点击区域，属性有shapecoords
<input/>	输入元素，属性有type(定义类型)、name、size、value等
<frame/>	定义了放置在每个框架中的HTML文档，属性有src

　　<html>标签是一个网页必须有的元素，红底文字表示这些元素都在<body>标签内使用。

　　本周学习时间估计有20小时，周六周日复习，花在代码上时间差不多每天半小时。由于是刚刚开始学HTML，所以还没编出来有实际功能的网页，也就只是编出来输出粗体文字、斜体文字的网页。本周的问题几乎没有，唯一的问题就是好多标签的属性都不知道有什么，不知道该怎么用这些属性。

　　这一周将HTML学了个六七分，下一周我会继续学习HTML。如果学完了HTML，我会继续学习HTML5。