HTML第一天

湖工商扛把子

已于 2024-03-11 11:28:28 修改

阅读量327

点赞数 11

分类专栏： HTML基础学习文章标签： html

于 2024-03-11 11:27:55 首次发布

本文链接：https://blog.csdn.net/m0_72993350/article/details/136617873

版权

HTML基础学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一节 HTML 简介

1.什么是HTML

HTML是Hyper Text Markup Language的简称，即超文本标记语言，是一种用于创建网页的标准标记语言。
HTML 运行在浏览器上，由浏览器来解析执行。
我的理解：HTML就是一种语言跟c语言和Java语言一样，但是它的作用不同——是创HTML就建一个网页，就比如我们的百度页面（www.baidu.com）是创建一个这样的页面的语言。

2.HTML的基本结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>这是湖工商扛把子的小黑屋</title>
    </head>
    <body>
    </body>
</html>
基本结构说明

<!DOCTYPE html> 表示定义的文档类型为 HTML5 文档。
<html></html 表示整个 HTML 文档内容的定义只能在该标签对之间
<head></head> 表示整个 HTML 文档的头部信息，比如文档的标题、文档使用的字符集编码、文档是否可以缩放等。
<meta charset="utf-8"> 表示定义文档的字符集编码为 "utf-8"，支持中文
<title></title> 表示定义文档显示的标题
<body></body> 表示 HTML 文档的主体内容部分应该定义在该标签内

我们运行这个代码得到的网页如下：

第二节HTML标签

1. HTML 标签分类

HTML 标签分为两大类：块级标签（block elements）和行级标签（inline-block elements）

2. 块级标签

2.1 块级标签特征

总是在新行上开始
高度，行高以及外边距和内边距都可控制
宽度缺省是它的容器的100%
可以容纳内联元素和其他块元素

2.2 标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
2.3 水平线标签
<hr>
2.4 段落标签
<p>

    我要成为一个超人
</p>
2.5 无序列表标签
<ul>
    <li>
        今天刚刚开始学习HTML前端知识
    </li>
    <li>
        我突然挺享受学习，想要尝试学习CTF，javascript
    </li>
    <li>
        我不知道怎么谈恋爱，不知道怎么约会，不知道出去要干什么，要怎么相处
    </li>
</ul>
2.6 有序列表标签
<ol>
    <li>
        今天学了HTML，挺有趣的，哈哈哈哈
    </li>
    <li>
        现在正在用HTML，来进行一些小测试，最近老是一个人在图书馆学习，感觉还挺爽的，最近打代码打爽了
    </li>
</ol>