WEB网页基础

最新推荐文章于 2024-03-12 13:16:40 发布

Lianyu_hq

最新推荐文章于 2024-03-12 13:16:40 发布

阅读量2.4k

点赞数 2

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_45220722/article/details/125381736

版权

一、web概述

1.web（互联网总称）

Web即全球广域网，也称为万维网，它是一种基于超文本和HTTP 的、全球性的、动态性的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

2.网页

网页（Web Page）是互联网上显示信息的页面，是构成网站的基本单位。

二、HTML是什么？

1.HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

三、HTML的元素标签

1.HTML标签

HTML 标记标签通常也被称为HTML 标签（HTML tag）。

HTML标签是由尖括号包围的关键词，比如html.
HTML标签通常是成对出现的，比如<div>和</div>.
标签对中的第一个标签是开始标签，第二个标签是结束标签。
开始标签和结束标签也被称为开放标签和闭合标签。
标签也分为单标签和双标签，但标签比如<img/>

2.HTML文档

HTML文档也称为网页，后缀名为.htnl或.htm。

1.HTML 文档结构标签

HTML 文档结构标签包含三队标签。

<html>.....</html>:限定文档的开始点和结束点，在他们之间是文档的头部和主体。
<head>.....</head>:用于定义文档的头部，它是所有头部元素的容器。它们中的元素可以引用脚本，指示浏览器在哪里找到样式表、提供元信息等。
<body>.....</body>:标识文档主题的内容。
HTML文档格式如下：

<html>
<head>
<title>Web网页</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

代码显示效果如下：
在这里插入图片描述

2.文本格式标签

<title>.....</title>:该标签要放置在<head>.....</head>标签之间，用于显示网页的标题，在浏览器的标题栏中显示。
<hi>.....</hi>:标识标题文本，比如文章标题等，i 表示1、2、3、4、5、，分别标识一级~到六级标题，文本大小逐级减小。
<p>.....</p>:表示段落文本。
例如：
<p>这是一个段落</p>

2.列表标签

在HTML文档中，列表结构可以分为三中类型：无序列表、有序列表、定义列表。无须列表使用项目符号来表示，列表元素之间没有顺序之分。有序列表使用编号来表示元素列表的顺序。定义列表是一种特殊的结构，它包含词条和解释。

<ul>.....</ul>:无序列表的父级元素。
<ol>.....</ol>：有序列表的父级元素。
<li>.....</li>：表示列元素。
<dl>.....</dl>：定义列表的父级元素。
<dt>.....</dt>：标识词条。
<dd>.....</dd>：标识解释。
代码演示如下：

<!-三种列表的使用方法-->
<ul>
	<li>面包</li>
	<li>牛奶</li>
</ul>

<ol>
	<li>油条</li>
	<li>豆浆</li>
</ol>

<dl>
	<dt>鲜花</dt>
	<dd>鲜花中包含有玫瑰、牡丹.....</dd>
</dl>