【测试基础】html基本知识

最新推荐文章于 2023-06-15 17:31:41 发布

雾一早就散了

最新推荐文章于 2023-06-15 17:31:41 发布

阅读量119

点赞数

分类专栏：软件测试文章标签：软件测试

本文链接：https://blog.csdn.net/fantasy_li/article/details/93443307

版权

软件测试专栏收录该内容

8 篇文章 0 订阅

订阅专栏

web就是world wide web 的缩写，称之为全球广域网。俗称www。
我们可以将web理解为当前的一种互联网。对于我们来说更多的就是网站服务。
网站可以认为是由多个网页组合在一起而形成的一种服务。
web前端就是来负责一个网站当中前台网页里的内容
网页就是由前端工程师使用html语言编写而成的一种网站，他里面会包含文字、图片、超链接、声音以及视频等内容。（网页的本质就是一个html文件）

HTML基本介绍

定义：HyperText markup language 超文本标记语言。其中的超指的就是他能表达的内容不仅仅只是文字。
Html语言发展历史
1. 在互联网最初的时候，是没有HTML的。我们只能通过网络传输最简单的文字内容
2. 随着用户的要求越来越多，同时也是我们技术的不断发展，就出现了一种可以表达文字内容之外的语言。---- HTML1.0
3. html1.0 ---- Xhtml1.0（过渡） ---- xhtml2.0（放弃） ---- html5

HTML网页骨架

网页是我们通过HTML语言来书写。
在我们html语言去书写网页的过程中，我们发现有一些结构是默认必须存在的。这个结构我们就叫做网页骨架。

<!--通过这句话让浏览器明白，将来按照HTML的语法来解析这里的代码-->
<!DOCTYPE html>
<!--这就是我们网页当中最大的一个标签，我们称之为根标签-->
<html>
	<!--他是属于html的“儿子”，我们称之为网页的头。在它里面我们会放置一些有用的信息。
	这些信息是专门给浏览器看的-->
	<head>
		<!--设置字符集-->
		<meta charset="utf-8">
		<title>我是谁，我在哪？</title>
	</head>
	<!--网页的躯干-->
	<body>
		
		<!-- 但凡我们想让用户在浏览器的空白区域看到一些内容，那么就应该写在body之间。 -->
		<h1>标题1</h1>
		
		<p>我是段落1</p>
		
	</body>
</html>

html标签

所谓的标签就是html语言的发明者人为定义好的一些单词。他就相当于我们汉语中的汉字

语法

语法就是用来定义这些字应该如何去解析或者书写的规则。

html标签中的常见标签及基本语法

我们人为的将html标签分为单标签和双标签两种。

<标签名称></标签名称>            <!--双标签-->
<标签名 />                     <!--单标签-->

常见的标签

标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

段落标签

<p>我是一个段落。</p>

换行标签

我要<br />换行

图片标签

<img src="img/c7009747edc42aaada5ba333e1e9e4848d1aa512.png" >
<!--src是图像的地址-->

超链接标签

<a href="www.jianshu.com">这是一个链接</a>

雾一早就散了

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【测试基础】html基本知识

web就是world wide web 的缩写，称之为全球广域网。俗称www。我们可以将web理解为当前的一种互联网。对于我们来说更多的就是网站服务。网站可以认为是由多个网页组合在一起而形成的一种服务。web前端就是来负责一个网站当中前台网页里的内容网页就是由前端工程师使用html语言编写而成的一种网站，他里面会包含文字、图片、超链接、声音以及视频等内容。（网页的本质就是一个html文件...
复制链接

扫一扫