静态网页制作html语言入门-蒲公英云

静态网页制作html语言入门

编辑一个文本文件，代码如下；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> html test1 </title>
</head>
<body>
    <h1>DDDD</h1>
    <p>PPPPPPPPPPP...</p>
<table border="1">
    <tr>
        <td>row 1, col 1</td>
        <td>row 1, col 2</td>
    </tr>
    <tr>
        <td>row 2, col 1</td>
        <td>row 2, col 2</td>
    </tr>
</table>
</body>
</html>

保存为test1.html；然后用浏览器打开此文件；输出如下；

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70

html是制作静态网页的基本语言；html文件是文本文件；编辑好代码以后，只要无错，保存为后缀为html的文本文件；然后用浏览器打开html文件，就会显示html代码的内容；可以不需要额外的专业开发工具；

html代码由标记对组成，<>表示一个标记开始，</>表示一个标记结束；基本标记（元素）如下，

<html> 元素是 HTML 页面的根元素  
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。  
<title> 元素描述了文档的标题  
<body> 元素包含了可见的页面内容  
<h1> 元素定义一个大标题  
<p> 元素定义一个段落