小白学网页(二)HTML语言

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>
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值