所有的web页面都由HTML（超文本标记语言）构成，每种浏览器都将代码转换成我们所看到的页面。
这是基本上是每个程序员写的第一个代码“hello world”
这是浏览器翻译后的结果
首先<>中的为标签，是构成代码的重要内容，下面为一些常用标签，其他不常用标签可以从w3school.com.cn或runoob.com上查找。
|
<a> |
定义超链接，锚，和下载内容。 |
||||
|
<b> |
定义粗体字。 |
||||
|
<br>单标签 |
定义简单的折行。 |
||||
|
<button> <!--注释--> |
定义按钮 (push button)。
|
||||
|
<div>* |
定义文档中的节。 自身占一行,块状元素 |
||||
|
<h1> to <h6> |
定义 HTML 标题。=word文档中从标题1到标题6 |
||||
|
<i> |
定义斜体字。 |
||||
|
<img> |
定义图像。,<img arc=”文件路径”alt=”加载失败的显示内容，如果不写，就什么也没有”width=”宽” height=”高”宽和高如不定义将会保持原图尺寸> 可以从查看器中改到合适大小，再改源文件 |
||||
|
<p> |
定义段落。 一般配合标题使用 块状元素(占一行) <p></p>与<p></p>之间有较大间隙
|
||||
|
<span> |
定义文档中的节。盛放文字，内容多大就占多大 |
||||
|
<style> |
定义文档的样式信息。
|
||||
|
<table> |
定义表格。复合标签，有两个子标签<tr></tr>,<td></td> <tr>表示行 <td>表示列 <td>为<tr>的子标签 |
||||
|
<td> |
定义表格中的单元。 |
||||
|
<th> |
定义表格中的表头单元格。 |
||||
|
<u> |
定义下划线文本。 |
||||
|
<ul>（父标签）
|
定义无序列表。复合标签（由父标签和子标签组成），不单独出现，用<li></li>（子标签）表示每一行
|
||||
|
ol |
有序列表，子标签同<ul> |
||||
|
<video> |
定义视频。同img有src ，支持格式有限 |
||||
|
<wbr> |
wbr元素表示一个可以换行的机会，即表示必要时可以在此处换行，至于是否换行，则由浏览器根据窗口或父元素的宽度情况自主决定。当宽度足够时，即没必要换号时，不进行换行，当宽度不够时，主动在此处换行 |
||||
在图一中，<!Doctype html>作用不大，仅用于宣称文件类型。
标签必须使用恰当的格式，有下面两种：
- 双标签：由始标签和结束标签组成 例子（以后用exp表示）
<body> <!--始标签-->(此为注释，浏览器将不翻译<!-- -->中的内容，为了更有效率以后用//注释）
Hello World!
</body>//结束标签，在标签名前打/表示结束
- 单标签：仅有一个标签组成，如<br>,在XHTML中必须为<br/>,但在html中不强制，<br>即为有效。
标签嵌套也必须有恰当的格式： 意思是不能<div><b>百度<div></b>，只能<div><b>百度</b><div>
被嵌套标签被嵌套他的标签控制
Exp： <div><b>百度一下</b>你就知道<div> 只加粗百度一下
<b><div>百度一下你就知道</div></b> 加粗整个<div>中的百度一下你就知道。
要学会写代码，首先要有顺手的编译器，虽然记事本可以写代码，但效率极低，我使用的是Dreamweaver，较为快捷。
首先先新建一个html文件。
会出现以下画面
<html></html>之间即为整个网页的内容，所有网页的内容最好写在这个标签之内。
<head></head>之间写了一个网页的设置，<meta charset=”utf-8”>说明该网页的编码为国际标准utf-8，推荐不要改为其他的编码，所以不要管他。<title></title>之间为网页标签名即为下图红圈内容
<body></body>之间即为页面的所有内容。
这样一个网页就完成了。
只需用上面表格中的标签名就可以制作网页。
浙公网安备 33010602011771号