HTML入门一（HTML的用途与基础知识）

最新推荐文章于 2024-07-12 20:49:16 发布

二十一块石头

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量1.7k

点赞数 7

分类专栏： HTML5 文章标签： html html5 css

本文链接：https://blog.csdn.net/qq_44872688/article/details/120556341

版权

一，什么是HTML HTML(英文Hyper Text Markup Language的缩写)是网页制作的标准语言,中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。网页：可以看做承载各种网站应用和信息的容器，所有可视化的内容都会通过网页展示给用户。主要由文字、图像和超链接（超链接为单击可以跳转的网页元素）等元素构成，还可以包含音频、视频以及动画等。（1）静态网页：用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网..

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

一，什么是HTML

HTML(英文Hyper Text Markup Language的缩写)是网页制作的标准语言,中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

网页：可以看做承载各种网站应用和信息的容器，所有可视化的内容都会通过网页展示给用户。主要由文字、图像和超链接（超链接为单击可以跳转的网页元素）等元素构成，还可以包含音频、视频以及动画等。

（1）静态网页：用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。

（2）动态网页：显示的内容则会随着用户操作和时间的不同而变化。动态网页可以和服务器数据库进行实时的数据交换。

（3）常见网页名词：

名词	名词释义
Internet网络	就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。
WWW	WWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网页浏览服务。
URL	URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符” URL其实就是Web地址，俗称“网址”。
DNS	DNS （英文Domain Name System的缩写）是域名解析系统。
HTTP和HTTPS	HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比HTTP协议安全。通信的规则。
Web	Web通常指互联网的使用环境。但对于网站制作者来说，它是一系列技术的复合总称，通常称之为网页。
W3C组织	W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。

二，HTML基本结构

（主要讲述HTML5,更加兼容，合理，易用）

1，HTML的标签解释

（1）什么是标签：在HTML页面中，所谓标签就是放在“< >”符号中表示某个功能的编码命令，也称为HTML标签或HTML元素,统一称作HTML标签。

（2）标签的分类：

双标签：也称体标签，是指由开始和结束两个标签符组成的标签。<标签名>内容</标签名>

单标签：也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。< 标签名 />

HTML标签的作用原理就是选择网页内容，从而进行描述，也就是说需要描述哪个元素，就选择哪个元素，所以才会有双标签的出现，用于定义标签作用的开始与结束。而单标签本身就可以描述一个功能，不需要选择。例如，水平线标签<hr />,按照双标签的语法，它应该写成“<hr></hr>”，但是水平线标签不需要选择，本身就代表一条水平线，此时写成双标签就显得有点多余，但是又不能没有结束符号，所以在标签名称后面加一个关闭符，即<标签名 />。

（3）标签的关系：嵌套关系与并列关系。

2，HTML的基本结构

<!DOCTYPE html>  -->表示当前的网页支持html5标准
<html lang="en">  -->语言为英文
<head>
    <meta charset="UTF-8">  -->指定页面的编码格式(字符集)
    <meta http-equiv="X-UA-Compatible" content="IE=edge">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  -->自适应终端的窗口
    <title>Document</title>  -->网页标题
</head>
<body>
    
</body>
</html>

<head>标签：定义HTML文档的头部信息，也称为头部标签，紧跟在<html>标签之后，主要用来封装其他位于文档头部的标签。

<body>标签：定义HTML文档所要显示的内容，也称为主体标签。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内。

<meta />标签：用于定义页面的元信息，可重复出现在<head>头部标签中。

<title>标签：用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标签之内。且一个HTML文档只能含有一对<title></title>标签，<title></title>之间的内容将显示在浏览器窗口的标题栏中。

3，HTML的常用标签

（1）文本控制标签

A,、标题标签：HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>标题的重要性依次递减。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二十一块石头</title>
</head&

最低0.47元/天解锁文章

二十一块石头

关注

7
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
HTML入门一（HTML的用途与基础知识）

一，什么是HTML HTML(英文Hyper Text Markup Language的缩写)是网页制作的标准语言,中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。网页：可以看做承载各种网站应用和信息的容器，所有可视化的内容都会通过网页展示给用户。主要由文字、图像和超链接（超链接为单击可以跳转的网页元素）等元素构成，还可以包含音频、视频以及动画等。（1）静态网页：用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网..
复制链接

扫一扫