html静态网页制作教程_简单html静态网页代码首页

全栈程序员站长

发布于 2022-10-02 17:36:35

7.7K0

发布于 2022-10-02 17:36:35

大家好，又见面了，我是你们的朋友全栈君。

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

<!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；然后用浏览器打开此文件；输出如下；

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

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

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

至于为什么会看到一个表格，下回再学习；

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/197810.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年9月3日上，如有侵权请联系 cloudcommunity@tencent.com 删除

html