让我们花上几秒钟时间,快速了解一下超文本标记语言(HTML)的基本概念。
Hyper text markup language,中文翻译为超文本标记语言。值得注意的是,所有HTML文件都必须以.html或.htm作为文件扩展名。
2.深入探索HTML的基础语法
2.1 HTML的核心语法结构
HTML主要采用标记语法来构建页面,那么什么是标记呢?
标记是用来描述特定功能的符号,不同的标记对应着不同的功能实现。
2.2 探究标记的构成
标记是由<>这对符号组成的,可以分为单标记和双标记两种类型。其基本写法如下:<标记名>
2.3 标记的分类说明
标记主要可以分为两大类:
封闭类型标记(双标记)
这类标记具有明确的开始和结束部分
<标记名></标记名>,例如<a></a>表示超链接的双标记,还有如<b></b>用于文本加粗的双标记
非封闭类型标记(又称为空标记或单标记)
这类标记只有开始部分,可以没有结束部分,或者其开始和结束部分可以合并表示。
其写法为<标记名>或者<标记名/>。以下是一些常见的例子:<br>用于换行,<hr>用于创建水平线,<img>用于插入图片
3.核心知识点:元素的定义
元素就是由标记构成的,从标记的开始到结束之间的所有内容统称为元素。
元素包含标记、属性和值三个组成部分。
在这里,我们需要重点掌握一个概念:元素嵌套
即在一个元素内部嵌套另一个元素。整个HTML页面都是由各种元素组合而成的。
<标记1>
<标记2></标记2>
<标记1>
需要注意以下几点:
1.标记的嵌套顺序
必须保证完整的嵌套关系,当一个标记嵌套另一个标记时,必须完整嵌套
2.代码缩进规范
在嵌套代码中,子级元素(被嵌套的标记)前需要使用空格来表示层级关系
<div>
<p></p>
</div>
4.核心知识点:属性和值
属性:用于修饰元素的不同显示效果
值:用于确定具体的显示效果
属性只能声明在开始标记中,并且属性名称和标记名称之间需要有空格分隔。
属性和值之间通过等号=连接,值需要用””(双引号)或’(单引号)进行引号。
例如<a href=”网址”></a>,这是一个双标记,也是网站建设中最常用的HTML代码。如果标记中包含多个属性,那么这些属性之间需要用空格分隔,并且属性的排列顺序没有先后之分。
下面,我们将展示一个最基础的HTML网页示例,供初学者参考学习
HTML网页示例:
<!–1,声明文档类型–>
<!doctype html>
<!–2,设置HTML根标记–>
<html>
<!–网页头部部分–>
<head>
<!–定义网页标题–>
<title>钟老师的网页标题</title>
<!–设置网页编码格式–>
<meta charset=”utf-8″>
</head>
<!–网页主体部分–>
<body text=”green” bgcolor=”red”>
<!–设置主页字体颜色为蓝色,背景颜色为黑色–>
我的网页

</body>
<!–网页头部结束–>
</html>
最后,我们来讲解几个关于文本标记特殊字符的重要知识点
1. <>符号不能随意输出
2. 无论输入多少个回车和空格,最终都会被解释为一个空格。
解决方案
使用转义字符
<相当于<
>相当于>
相当于空格
©相当于©
在学习过程中,只要我们掌握了规律,其实网站建设知识中的HTML并不难掌握。
想要获取更多相关知识,可以关注小编,或者在百度搜索网络营销师钟震,钟震讲网络营销。我们会分享大量相关内容,包括淘宝运营、竞价排名、网站建设和优化、社交媒体等方面的知识。与大家共同进步。希望这些内容能对您有所帮助,如果喜欢请记得关注我们的公众号。