小白学网页（二）HTML语言

最新推荐文章于 2024-09-23 15:14:44 发布

@EC小鑫

最新推荐文章于 2024-09-23 15:14:44 发布

阅读量264

点赞数

分类专栏：小白学网页文章标签： html

本文链接：https://blog.csdn.net/weixin_44767242/article/details/106073806

版权

小白学网页专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML是什么？

HTML虽然带有语言，但是实际上他并不属于编程语言的范畴，主要用来描述页面元素的排版、布局和格式化信息，使用W3C 定义的HTML 标签来描述网页的元素。所有的HTML 标签是用尖括号包起来的，并且必须成对出现。例如每个HTML 文档都以<html>开始，并以</html> 结束。浏览器通过读取这些标签来呈现实际的内容。
由于HTML 文档中是由一个个标记来表达页面元素的，因此被称为标记语言。但是为什么会称为超文本标记语言？这是因为HTML 网页并不是一个独立的元素，它可以为文本添加链接，让HTML 文档链接起来，而这些链接通常称为超级链接。除此之外，还可以为HTML 文档添加音频、视频、图片、动画等多媒体元素，由于不仅限于传统的文字信息，因此将HTML 称为超文本标记语言。
链接网页举例
网页A：

<!--具有超级链接功能的HTML网页A-->
<html>
<head>
<title>A网页</title>
</head>
<body>
<h1>我的超文本标记的网页</h1>
<h3><a href=B.html target=_self>单击这里链接到B页面《/a></h3>
</body>
<html>

网页B：

<!--具有超级链接功能的HTML网页 B-->
<html>
<head>
<title>A 网页</title>
</head>
<h1>我的超文本标记的网页</h1>
<h3>欢迎大家进入到我的网页</h3>
<br/>
<!--返回到A网页-->
<a href=A.html target=_self>返回</a>
</body>
<html>

在这里插入图片描述

HTML标签、元素和属性

HTML元素是由一些尖括号包起来的标签组成。元素是指开始标签和结束标签之间的代码，元素的内容是指开始标签和结束标签之间的内容。
一个HTML元素一般是由一个起始标签和一个结束标签组成的，一些元素可以嵌入其他的HTML元素。
通常一个元素不能表达所有的内容，元素还需要定义一些其他的特性，HTML标签提供了属性，比如<a>元素，在内部有href和target属性

<a href='https://www.csdn.net/' target=_self>CSDN社区</a>

属性总是在HTML元素的开始标签中规定，它使用名称/值对的形式出现，一般的语法是：属性名称=“属性值”这样的表示形式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>html属性演示</title>
</head>
<body bgcolor="yellow">
<h1 aiign="center">居中对齐的标题格式</h1>
<a href="http;//www.w3school.com.cn/html" target="_self" title='这是"学习好去处"'>w3学院中文版</a>    <!--属性值本身包括双引号-->
<a href="http;//www.w3school.com.cn/html" target="_self" title="这是'学习好去处'">w3学院中文版</a>    <!--属性值本身包括单引号-->
<a href="http;//www.w3school.com.cn/html" target="_self" title='这是学习好去处'>w3学院中文版</a>    <!--属性值用单引号包起来-->
<a href="http;//www.w3school.com.cn/html" target="_self" title="这是学习好去处">w3学院中文版</a>    <!--属性值用双引号包起来-->
<a href="http;//www.w3school.com.cn/html" target="_self" title=这是学习好去处>w3学院中文版</a>    <!--属性值不适用任何引号，不建议使用-->
</a>
</body>

在定义属性时，既可以为属性值添加单引号，也可以添加双引号，只要成对匹配，都没有问题

HTML文件组成

一个HTML文档包含两个部分：

HTML文档头：使用<head>标签定义文档头，是所有HTML头元素的容器，比如可以放置HTML引用的Javastript脚本、样式表引用及HTML的元信息等
HTML主体部分：主体部分由 <body>和 </body> 标签定义，它包含了文档呈现出来的所有内容，比如文本、图像、动画、链接、表格等
HTML文档结构

<html>
<head>
脚本引用、CSS引用、元数据
</head>
<body>
文本、图形、动画、脚本代码、音频、表格、视频……
</body>
</html>

HTML文档头标记

1.文档类型声明 <iDoctype>
告知浏览器使用哪种HTML或XHTML规范来解析HTML。
2.头标签<head>
在这里插入图片描述

@EC小鑫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录