所有HTML文件都是以<html>标记开头，以</html>标记结束，HTML页面的所有标记都要放置在<html>与</html>标记中。可将网页的标题定义在<title>与</title>标记中。页面中的所有内容都定义在<body>标记中。<head>标记可以转换编码格式，出现乱码可用<meta charset="UTF-8"/>来改正。
常用标记：换行标记<br>(单) 粗体文本<b> 段落标记<p> 标题标记：数字越小，表示级别越高，文字的字体越大<h1>...<h6> HTML的默认布局是从左到右依次排序，居中标记：<center>
例如：
效果图：
HTML中的列表标记主要有无序的列表和有序的列表两种，通过<ul>可以创建一组无序列表，其中每个列表项以 <li>表示。有序列表的标记为<ol>，每一个列表项前使用<li>。
表格包含标题、表头、行和单元格，标记为<table>，常用的属性有：用来设置表格的宽度width，用来设置表格的边框border，设置表格的对齐方式align，设置表格的背景色bgcolor，还有标题标记<caption>，表头标记<th>，表格行标记<tr>，一组<tr>标记表示表格中的一行，<tr>标记要嵌套在<table>标记中使用。单元格标记<td>，一个<tr>标记中可以嵌套若干个<td>标记。
表格不仅可以用于显示数据，在实际开发中，还常常用来设计页面。在页面中创建一个表格，并设置没有边框，之后通过该表格将页面划分为几个区域，之后分别对几个区域进行设计，这是一种非常方便的设计页面的方式。
<body>
<table width="318" height="167" border="1" align="center">
<caption>学生考试成绩单</caption>
<tr>
<td align="center" valign="middle">姓名</td>
<td align="center" valign="middle">语文</td>
<td align="center" valign="middle">数学</td>
<td align="center" valign="middle">英语</td>
</tr>
<tr>
<td align="center" valign="middle">张三</td>
<td align="center" valign="middle">89</td>
<td align="center" valign="middle">92</td>
<td align="center" valign="middle">87</td>
</tr>
<tr>
<td align="center" valign="middle">李四</td>
<td align="center" valign="middle">93</td>
<td align="center" valign="middle">86</td>
<td align="center" valign="middle">80</td>
</tr>
<tr>
<td align="center" valign="middle">王五</td>
<td align="center" valign="middle">85</td>
<td align="center" valign="middle">86</td>
<td align="center" valign="middle">90</td>
</tr>
</table>
</body>
表单标记以<form>标记开头，在表单标记中可以定义处理表单数据程序的URL地址等信息，基本语法：<form action="url" method="get|post" name="name" onSubmit="" target=""></form> 。action属性用来指定处理表单数据程序的URL地址，，method属性用来指定数据传送到服务器的方式，get属性值表示将输入的数据追加在action指定的地址后面，并传送到服务器，当属性值为post，会将输入的数据按照HTTP协议中的post传输方式传送到服务器。name属性指定表单的名称，其值可以自定义。onSubmit属性用于指定当用户单击提交按钮时触发的事件，target属性可以指定输入数据结果显示在哪个窗口，其属性值有：在新窗口中打开目标文件的_blank，表示在同一窗口中打开的_self，在上一级窗口打开的_parent，表示在浏览器的整个窗口中打开的_top。
<input>表单输入标记可以向页面中添加单行文本、多行文本、按钮等，具体的语法格式和标记属性在P22。type属性用于指定添加的是哪些类型的输入字段，共有10个可选值。
<select>标记可以在页面中创建下拉列表框，此时的下拉列表框是一个空的列表，要使用<option>标记向列表中添加内容。语法格式如下：<select name="name" size="digit" multiple="multiple" disabled="disabled"><select>，在不同操作系统中，选择多个选项的差异：对于 windows：按住 Ctrl 按钮来选择多个选项，对于 Mac：按住 command 按钮来选择多个选项。
<textarea>为多行文本标记，与单行文本相比，多行文本可以输入更多的内容，通常情况下，<textarea>标记出现在<form>标记的标记内容中，语法格式如下： <textarea cols="digit" rows="digit" name="name" disabled="disabled" readonly="readonly" wrap="value">默认值</textarea>,cols列数，rows行数，wrap用于设置多行文本中的文字是否自动换行，选值如P25。
在网站中实现从一个页面跳转到另一个页面，这个功能就是通过超链接标记来完成的，href用来设定链接到哪个页面中，<a href=""></a>。
在页面中添加的图片是通过<img>标记来实现的，语法格式如下：<img src="uri" width="value" height="value" border="value" alt="提示文字">，src来源，border指定图片外边框的宽度，默认值为0，alt用于指定当图片无法显示时显示的文字。
<section>元素表示页面中的一个区域，例如章节、页眉、页脚或者页面中的其他部分，可以与h1、h2、h3等元素结合起来使用，标识文档结构。
<acticle>元素表示页面中的一块与上下文不相关的独立内容，例如博客中的一篇文章、一段用户评论等，除了内容部分，一个<acticle>元素通常有自己的标题、脚注等内容。<header>元素表示页面中的一个内容区域或整个页面的标题。<footer>元素表示整个页面或页面中一个内容区域块的脚注，例如日期、作者信息等。<aside>元素用来表示当前页面或文章的附属信息部分，可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等信息。
css规则：在css样式表中包括三部分：选择符、属性和属性值，语法格式如下：选择符{属性：属性值；}。CSS选择器有标记选择器、类别选择器、id选择器。
类别选择器的名称由用户定义，并以“.”号开头，要应用类别选择器的HTML标记，只需使用class属性来声明即可。由于HTML页面中不能包含两个相同的id标记，因此定义的id选择器也就只能被使用一次。命名id选择器要以“#”号开始，后加HTML标记中的id属性值。
在页面中包含CSS样式的方法包括行内样式、内嵌式和链接式。行内样式直接定义在HTML标记之内，通过style属性来实现。内嵌式样式表就是在页面中使用<style></style>标记将CSS样式包含在页面中。链接外部CSS样式表是最常用的一种引用样式表的方法，将CSS样式定义在一个单独的文件中，然后在HTML页面中通过<link>标记引用，是一种最为有效的使用CSS样式的方式。<link>标记的语法如下：<link rel='stylesheet' href='path' type='text/css'> rel：定义外部文档和调用文档间的关系 href：CSS文档的绝对或相对路径 type：指的是外部文件的MIME类型。
网友评论