Html5+CSS3学习记录（1）——基础

王富贵他妈

已于 2023-06-05 22:47:38 修改

阅读量27

点赞数

分类专栏： HTML5+CSS3 文章标签： html5 css3 学习

于 2023-06-05 22:44:43 首次发布

本文链接：https://blog.csdn.net/weixin_44582958/article/details/131056510

版权

HTML5+CSS3 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一.html

html是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容

二.html5的相关概念与基本结构

1.相关概念

一个html5文件由一系列的元素和标签组成。

（1）元素

HTML 文档是由 HTML 元素定义的。

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

元素：title(文件标题) 、img(图像) 、table(表格)等，元素名不区分大小写。

HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

（2）标签

标签：规定元素的属性和它在文件中的位置。标记文档和元素。分为单独标签和成对标签。大小写及混写均可，但最好小写。

①单独标签：<元素名称>

如<br>,在该标签所在位置换行

②成对标签：首标签+尾标签

语法：

<元素名称>要控制的元素</元素名称>

<元素名称 属性1="值1" 属性二="值2"......>要控制的元素</元素名称>

注：设置属性值的""可忽略

例：

<title>happyxx</title>

2.基本结构

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>happyxx</title>
</head>

<body>
    <h1>hello!</h1>
    <p>happy everyday</p>
</body>
</html>

相关的标签及定义：

标签	描述
<!DOCTYPE>	定义文档类型。
<html>	定义 HTML 文档。
<head>	定义关于文档的信息。
<title>	定义文档的标题。
<body>	定义文档的主体。
<h1> to <h6>	定义 HTML 标题。
<p>	定义段落。
<br>	定义简单的折行。
<hr>	定义水平线。
<!--...-->	定义注释。

（1）<head></head>:定义文件头部分，规定该文件的标题，显示在浏览器标题栏中

（2）<title></title>:浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。嵌套在<head></head>中使用。

（3）<meta>:元信息标签

属性	值	描述
charset	character_set	规定 HTML 文档的字符编码。
content	text	定义与 http-equiv 或 name 属性相关的元信息。
http-equiv	content-security-policy content-type default-style refresh	把 content 属性关联到 HTTP 头部。
name	application-name author description generator keywords viewport	把 content 属性关联到一个名称。
scheme	some_text	定义用于翻译 content 属性值的格式。

（4）<body></body>：网页主体部分

（5）<h1> to <h6>：定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。其中<h1>只能出现一次。

（6）<p></p>：定义段落,可在其中使用<br/>换行。

参考：HTML5 简介

王富贵他妈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Html5+CSS3学习记录（1）——基础

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。元素：title(文件标题) 、img(图像) 、table(表格)等，元素名不区分大小写。
复制链接

扫一扫