学习认识HTML基础入门Day01

最新推荐文章于 2024-08-09 18:43:30 发布

memory_chan0221

最新推荐文章于 2024-08-09 18:43:30 发布

阅读量154

点赞数

文章标签： html 语言

本文链接：https://blog.csdn.net/weixin_40153418/article/details/77907249

版权

什么是 HTML？

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

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

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

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

HTML 文档 = 网页

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

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

<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

例子解释

<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落

2.网页的基本元素：

(1)文字：网页上传达信息的主体
(2)图像：视觉印象比文字强烈，可以用来制作标题、背景、主图和链接按钮等
(3)超链接：一个网页和另一个目的地（网页、图片、文件、程序）的连接点，可以分为文本超
链接和图像超链接
html:由标签构成
div p a h1~h6 img span input ul>li ol>li table form

3.HTML的结构：

无论是html还是其它后缀的动态页面其html语言结构都是这样的，只是在命名网页文件时以不同的后缀结尾。
1、无论是动态还是静态页面都是以“<html>”开始，然后在网页最后以“</html>”结尾。

2、“<html>”后接着是“<head>”页头，其在<head></head>中的内容是在浏览器中内容无法显示的，这里是给服务器、浏览器、链接外部JS、a链接 CSS样式等区域，而里面“<title></title>”中放置的是网页标题。

3、接着“<meta name="keywords" content="关键字" /> <meta name="description" content="本页描述或关键字描述" /> ”这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。
4、接着就是正文“<body></body> ”也就是常说的body区，这里放置的内容就可以通过浏览器呈现给用户，其内容可以是table表格布局格式内容，也可以DIV布局的内容，也可以直接是文字。这里也是最主要区域，网页的内容呈现区。
5、最后是以“</html> ”结尾，也就是网页闭合。

memory_chan0221

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习认识HTML基础入门Day01

什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签
复制链接

扫一扫