什么是HTML?
HTML,全称为Hyper Text Markup Language,即超文本标记语言,它是一种用于创建网页的标准标记语言,通过使用一系列的标签(tag)和属性(attribute),可以实现对网页内容的结构化描述和展示,HTML文件通常以.html或.htm为扩展名。
如何编写一个简单的HTML页面?
要编写一个简单的HTML页面,首先需要了解HTML的基本结构,一个典型的HTML页面包括以下几个部分:
1、<!DOCTYPE html>
声明:告诉浏览器这是一个HTML5文档。
2、<html>
标签:表示整个HTML文档的开始和结束。
3、<head>
标签:包含了文档的元数据,如字符集、标题、样式表等。
4、<title>
标签:定义了网页的标题,显示在浏览器的标签页上。
5、<body>
标签:包含了网页的所有可见内容,如文本、图片、链接等。
6、<h1>
到 <h6>
标签:表示标题,数字越小,字体越大。
7、<p>
标签:表示段落。
8、<a>
标签:表示超链接,用于创建链接到其他网页或资源的链接。
9、<img>
标签:表示图像,用于插入图片。
10、<ul>
标签:表示无序列表。
11、<ol>
标签:表示有序列表。
12、<li>
标签:表示列表项。
13、<table>
标签:表示表格。
14、<tr>
标签:表示表格行。
15、<th>
标签:表示表格表头单元格。
16、<td>
标签:表示表格数据单元格。
17、<style>
标签:用于内联样式表,定义了网页的外观和格式。
18、<script>
标签:用于内联脚本,包含JavaScript代码。
下面是一个简单的HTML页面示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度首页</title> <style> body { font-family: Arial, sans-serif; } </style> </head> <body> <h1>百度一下,你就知道</h1> <p><a href="https://www.baidu.com" target="_blank">百度一下</a></p> <img src="https://www.baidu.com/img/bd_logo1.png" alt="百度logo" /> </body> </html>
如何将上述代码保存为一个HTML文件?
将上述代码复制到一个文本编辑器(如记事本、Visual Studio Code等),然后将文件保存为一个扩展名为.html
或.htm
的文件,例如baidu.html
,接下来,用浏览器打开该文件,就可以看到一个简单的百度首页效果了。
原创文章,作者:K-seo,如若转载,请注明出处:https://www.kdun.cn/ask/160393.html