天涯论坛

 找回密码
 立即注册
搜索
查看: 92|回复: 5

软件测试 | HTML平常的知识点

[复制链接]

3067

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158942
发表于 2024-6-30 04:15:25 | 显示全部楼层 |阅读模式

什么是 web

web 便是 world wide web 的缩写,叫作之为全世界广域网,俗叫作 WWW。针对用户来讲它其实便是由多个网页构成一块而形成的一种服务(Web).

咱们能够将 web 理解为便是当前的一种互联网。针对咱们来讲更加多便是网站服务。网站咱们能够是由于多个网页组合在一块而形成一种服务。

而 web 前端便是来负责一个网站其中前台网页里的内容。网页是由于前端工程师运用 HTML 语言编写而成的一种文件,它里面会包括文字、照片、超链接、音频、视频等等这些内容。

注:超文本标记语言(Hyper Text Markup Language , HTML)便是用来描述网页内容的一种计算机语言。

什么是 HTML

HTML 超文本标记语言(Hyper Text Markup Language)便是用来描述网页的一种计算机语言。

HTML 发展

在互联网最初的时候是 HTML 的,咱们只能经过网络传输最简单的文字内容。 随着用户的需求越来越多,同期咱们的技术的持续发展,就出了一种能够表达文字内容之外的语言 HTML1.0。后来又慢慢发展到了此刻的 HTML5,便是咱们此刻常说的 H5。

HTML 查看工具

在测试过程中,咱们有时候必须经过工具去查看对应的 HTML 代码。在这儿咱们能够用浏览器自带的研发工具,打开这个工具的快捷键是 F12。

研发工具是一个相当强大的工具能够查看修改 HTML,还能够调试 js,能够修改 css,还能够查看网络数据,并且还能进行性能测试。非常的全能。针对咱们 web 测试来讲,是一个必要把握工具

要查看 HTML 源码,咱们必须进入研发工具的 elements 界面。 在这儿能够对 web 页面上的元素进行定位,并且查看全部 web 页面的 HTML 源码。

HTML 基本结构

基本结构

网页是咱们经过 HTML 语言来书写。 用 HTML 语言去书写网页有有些结构是默认必要存在的, 这个结构咱们就叫做网页(HTML)骨架。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body></body> </html>

HTML 基本标签

标签

标签便是 HTML 语言的发明者人为定义好的有些"单词",区别的标签表率区别的功能。

标签有两种平常的形式:

双标签:<标签名叫作></标签名叫作>单标签:<标签名 />

平常标签

todo:加入 demo(done)<!DOCTYPE html>:向浏览器声明当前的文档是 HTML 类型<html> 与 </html> 之间的文本描述网页,<html>是网页其中最大的一个标签,叫作之为根标签<head> 与 </head> 描述网页头部,里面的内容是写给浏览器看的<meta charset="UTF-8"> 暗示在设置当前网页的表示编码<title> 与 </title> 之间文本为网页的标题,里面的内容会在浏览器的标签页上表示<body> 与 </body> 之间的文本是网页主体,里面的内容会表示在浏览器的空白区域内<div> 与 </div> 之间定义网页中的一个分隔区块一个区域部分<h1> 与 </h1> 之间的文本被表示为标题<p> 与 </p> 之间的文本被表示为段落
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>网页标题</title> </head> <body> <div> <h1>我的第一个网页</h1> <p>网页中的内容</p> </div> </body> </html>

标签的属性

todo:加入 demo(done)

HTML 标签能够持有属性。属性供给相关 HTML 元素的更加多的信息。属性总是以名叫作/值对的形式显现例如:name="value"。

属性的基本格式为:<标签名 属性1="属性值1" 属性2="属性值2





上一篇:有哪些方便快捷的检测HTML页面错误的工具与办法?
下一篇:php怎么样获取网页中的html元素? 网页元素获取工具
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-8 14:00:16 | 显示全部楼层
期待你更多的精彩评论,一起交流学习。
回复

使用道具 举报

3085

主题

2万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098784
发表于 2024-10-1 01:36:54 | 显示全部楼层
期待更新、坐等、迫不及待等。
回复

使用道具 举报

2990

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109218
发表于 2024-10-9 08:31:43 | 显示全部楼层
说得好啊!我在外链论坛打滚这么多年,所谓阅人无数,就算没有见过猪走路,也总明白猪肉是啥味道的。
回复

使用道具 举报

3119

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108641
发表于 2024-10-19 00:32:03 | 显示全部楼层
论坛外链网  http://www.fok120.com/
回复

使用道具 举报

3067

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158942
 楼主| 发表于 2024-10-25 21:05:16 | 显示全部楼层
楼主果然英明!不得不赞美你一下!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 10:57 , Processed in 0.183958 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.