html 入门

最新推荐文章于 2024-09-05 22:33:44 发布

梦境记录

最新推荐文章于 2024-09-05 22:33:44 发布

阅读量37

点赞数

分类专栏： HTML 文章标签： html5 Powered by 金山文档

本文链接：https://blog.csdn.net/kalozamf/article/details/128911611

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了HTML的基本结构和常用标签，包括<!doctypehtml>的网页声明，<html>、<head>和</html>的使用，meta标签设置编码格式，<title>定义网页标题，<body>包含网页内容，<h1>至<h6>定义文字标题，<p>创建段落，<a>创建超链接以及<img>插入图片。

摘要由CSDN通过智能技术生成

网页声明标签

用于告诉电脑，自己写的代码是一个网页。

<! doctype html>

网页主体标签

在网页声明标签后面使用<html>表示网页的代码从此处开始执行。

在最后使用</html>表示代码执行完毕，这个标签是双标签。

双标签是指，此标签以<标签></标签>格式成对出现。

单标签则是单个出现。

<html></html>

头部标签

对网页进行一些设置，如网页编码格式标签、网页标题标签等，会写在头部标签中。

头部标签是双标签。

<head></head>

meta标签

常用于设置文字显示格式，网页出现乱码时，通常是编码格式错误。

此标签是单标签。

<mtea charset="UTF-8"/> 使用utf-8编码格式

网页标题标签

此标签是双标签，设置网页的标题，如图所示的位置的文字：

<title>标题内容</title>

body标签-网页显示内容

写在此标签的内容，将在网页中显示。

此标签是双标签

<body>网页内容</body>

文字标题标签

加粗显示文字内容，并使上下行间距各距离一行，从h1到h6字体逐渐减少。

此标签是双标签

<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h4>标题四</h4>
<h5>标题五</h5>
<h6>标题六</h6>

段落标签

用于在网页中一段文字，直接在网页中写文字也会显示，但不能设置文字的样式，也不符合代码规范。

其他显示内容的标签也可以写在此标签中，用来实现换行。

此标签是双标签

<p>文字内容</p>

超链接标签

此标签是双标签，此标签显示的内容被点击后，会跳转到href后面引号中的网页,没有内容，不会显示出来。

<a href="www.baidu.com">文字内容</a>

图片标签

在网页中显示一张图片,在src后的引号内，放图片的路径,可以是网络路径，也可以是本地路径

此标签是单标签

<img src="图片路径" />

示例

<!doctype html><html>
<head>
    <mtea charset="UTF-8"/>
    <title>震惊！某……</title>
</head>
<body>
    <h5>震惊！某男子喝了一杯水竟然不渴了！</h5>
    <h6>小编：梦境记录<h6/>
    <p>
        <a href="https://www.baidu.com/">点击查找相关素材</a>
    </p>
    <p>需要对照着编的图片：</p>
    <p>
        <img src="https://photo.16pic.com/00/13/59/16pic_1359602_b.jpg">
    </p>
</body>
</html>