静态网页制作html语言入门

最新推荐文章于 2024-06-24 00:14:58 发布

bcbobo21cn

最新推荐文章于 2024-06-24 00:14:58 发布

阅读量783

点赞数

分类专栏：编程入门和简单编程 web前端文章标签： html 静态网页

本文链接：https://blog.csdn.net/bcbobo21cn/article/details/112727791

版权

web前端同时被 2 个专栏收录

150 篇文章 1 订阅

订阅专栏

编程入门和简单编程

21 篇文章 1 订阅

订阅专栏

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

<!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> 元素定义一个段落

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

bcbobo21cn

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
静态网页制作html语言入门

编辑一个文本文件，代码如下；<!DOCTYPE html><html><head><meta charset="utf-8"><title> html test1 </title></head><body> <h1>DDDD</h1> <p>PPPPPPPPPPP...</p><table border="1">
复制链接

扫一扫

专栏目录