本文共 3535 字，大约阅读时间需要 11 分钟。
虽然有DW和Frontpage这种软件可以快速的创建网站，但许多细节的地方还是需要我们用代码修改比较好。
首先以DW新建的HTML为例讲一下最简单的代码。
无标题文档
一、基本概念
1.<!--**-->中是注释内容，通过浏览器运行时不会显示出来。 2.<!DOCTYPE html>是声明部分，告诉浏览器这是一个HTML文档（后面的一长串可以不用记，HTML5简化了）。 3.HTML以标记符和标签符及之间的内容组成，HTML标签符由形如<tag>为开始标签，以</tag>为结束标签。除了<link>和<base>所有的标签符都应有开始和结束标签。但有些情况可以默认省略结束标签，例如：<p>、<div>等。 3.1HTML以<html>开始，以</html>结尾。 3.2头标记head用于说明文档头部的相关信息，一般包括标题信息、元信息、定义CSS样式和脚本代码等。作用范围为整篇文档，但头标记中的语言内容不会再浏览器中显示出来（就如定义Word中的段落一，标题一等等）。 3.3<meta>元素可提供有关页面的元信息。 <meta>标记提供的属性及其取值
对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。 3.4标题标记<title>无标题文档</title> 我觉得下图解释的很清楚
4.网页的主题标记<body> </body> 网页所显示的内容都在主题标记中编辑。 二、HTML常用标记 1.字体 1.1基本用法如下： ***
或者
...
举例及取色器推荐看https://blog.csdn.net/testcs_dn/article/details/45719357/。
1.2HTML还支持一种标题字符。
1.3段落标记，自动换行<p>***</p> 1.4在1.1中我们设置了字体的一些基本属性，但是我们没有设置对齐等的方式。 搜了一下可以用<p> align="value">***</p>或者<h#> align="value">***</h#>来实现。在font中我试了一下没办法实现。 value取值： 
1.5文字还可以更多的细化，我不一一详解了，用到的时候可以百度。 
2.图像 2.1图像的基本用法 src用来设置图片的路径，可以使本地地址，也可以是远程网址。
例如：<img=http://www.baidu.com/img/baidu.gif">是远程网址的使用方法。 <img src="/images/chrome.gif">是本地地址的使用方法。 ps: html的图片的各种路径代码（尽量多的用相对路径） 物理路径：假如你的图片在D盘的images文件下，文件名称为 tupian.jpeg的话用下面的格式。<img src="file:///D|/images/tupian.jpeg"/>
相对路径：如果是网站的话，则为下面的：<img src="images/tupian.jpeg"/>
这个为html文件和images同一目录的写法：<img src="tupian.jpeg"/>
这个为图片和html文件同一目录的写法:<img src="../images/tupian.jpeg"/>
left|right|top|middle|bottom。 border用来设置图片边框的宽度。 alt相当于给图片写备注，鼠标悬停在图片上面时会显示alt信息。同时，如果图片加载失败，就会显示alt的内容。 3.超链接 3.1基本用法如下： ***
href的值既可以是URL地址，也可以是文件的路径，甚至可以使网页上的书签。例如：
<a href="http://www.baidu.com/">百度一下</a>该链接将跳转到百度主页。 target="_self将在当前窗口打开网页。target=_blank将在新窗口打开网页。不设置时默认当前窗口。 title鼠标放在超链接上时将出现title的内容。 3.2创建图像的超链接。 代码格式如下： 
3.3创建下载链接
使href的值指向文件名称。 4.表格 4.1基本用法如下：此外表格可以修改其背景bgcolor="value"（其可以是颜色，可以是图片地址。）
border="value" 边框颜色bordercolor="value" 表格的大小height="value" width="value" 上下合并单元格colspan="value" 左右合并单元格rowspan="value" 举例有点烂。 
5.列表 5.1有序列表 基本用法如下：
- 项目一
- 项目二
…………
value的取值可以是阿拉伯数字，可以是字母，可以是希腊数字。
例如：
5.2无序列表 基本用法如下： - 项目一
- 项目二 …………
type的值可以是disc，circle，square。
5.3列表可以镶嵌使用。
5.4自定义列表，主要用来解释名词。 基本用法如下： - 名词
- 名词解释
- 名词
- 名词解释 …………
6.表单
6.1表单的基本用法如下：action指定处理提交表单的格式，他可以是一个url地址或一个电子邮件地址。
method指明提交表单的http方法。 enctype="mime"指明用来把表单提交给服务器时的互联网媒体形式。 6.2基本表单元素 6.2.1单行文本输入框text 基本用法如下：type=text定义单行文本输入框。
name属性定义文本框的名称。 size属性定义文本框的宽度。 maxlength定义文本框最多输入的字符数。 value定义文本框的初始值。 6.2.2多行文本输入框textarea 基本用法如下：name定义多行文本框名称。
clos定义多行文本框宽度。 rows定义多行文本框的高度。 wrap定义输入内容大于文本域时的显示方式。 6.2.3密码域password 基本用法如下：6.2.4单选按钮radio
基本用法如下：name定义单选按钮的名称，单选按钮都是以组为单位使用的，在同一组的单选按钮都必须使用同一个名称。
value定义单选按钮的值，在同一组中，他们的值必须是不同的。 例如：
6.2.5复选框checkbox 基本用法如下： 如果加checked则选择项会被默认勾中。
6.2.6列表框select 基本用法如下：size定义列表框的行数。
multiple表示多选，不加则单选（按住Ctrl键多选）。 value定义列表项的值。 selected表示默认选择此项。 6.2.7普通按钮button 基本用法如下:value定义按钮显示的文字。
onClick定义单击按钮的行文，可以是其他时间，通过指定脚本函数来定义按钮的行为。
6.2.9提交按钮submit 将输入的信息提交到服务器。 基本用法如下: 6.2.10重置按钮reset
基本用法如下:6.2.11
value=url时，会自动验证输入的是否为网址。
value=email时，会自动验证输入的是否为邮件地址。 value=data，选取日、月、年。 month，选取月、年。 week，选取周、年。 time，选取时间。 datatime选取时间、日、月、年。 datatime-local，选取时间、日、月、年（本地时间）。 value=number，输入数字，或者上下键选择数字。 value=range，为滑条控件。可以用max、min和step属性定义控件的取值范围。 6.2.12required属性的使用。 在text、search、url、email、password、data、pickers、number、checkbox、radio属性中加required="required"则提交前输入不能为空。 此外还有多媒体的添加和画布（canvas）、选择文件等，我感觉我暂时用的会少，没有看。画布看了一些，没学会。