HTML常用标签认识浏览器

最新推荐文章于 2023-10-14 22:47:59 发布

MeiYiii0616

最新推荐文章于 2023-10-14 22:47:59 发布

阅读量92

点赞数

分类专栏： Web网页开发文章标签：前端

本文链接：https://blog.csdn.net/m0_64694920/article/details/124000005

版权

Web网页开发专栏收录该内容

8 篇文章 0 订阅

订阅专栏

什么是 HTML？

HTML常用标签

HTML 属性

认识浏览器

一.什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签
HTML 使用标记标签来描述网页

敲重点！HTML是一种标记语言！！！

二.HTML常用标签

类别	标签名	含义
	h1~h6	标题
文	p	段落
	br	段内换行
	pre	预留格式
本	span	段内组合
	strong	黑体强调
	em	斜体强调
表	table	表格
	caption	标题
	thead	表头
	tbody	表体
格	tfoot	表尾
	tr	行
	td	数据单元格
	th	表头单元格

类别	标签名	含义
媒	img	图像
	audio	音频
体	video	视频
超链接	a	超链接
列	ul	无序列表
	ol	有序列表
表	li	列表项
表	form	表单域
	input	下面说明
	selet	下拉列表
	option	下拉列表选项
	label	标签
	button	按钮
单	textarea	文本域
其	<!-- --!>	注释
它	hr	水平分割线

input元素 type属性

属性取值	含义
"text"	输入框
"password"	密码框
"submit"	提交按钮
"reset"	重置按钮
"radio"	单选框
"checkbox"	复选框

示例：

<h1>他的喜好</h1>
	<p>他喜欢樱花🌸。<br/>
	   他喜欢白色。<br/>
	   他正在看《浴血黑帮》。<br/>
	   还有《权力的游戏》。很棒！
	</p>
	<hr/>

<a href="https://www.xaut.edu.cn/">西安理工大学</a>
<img src="可爱.png" alt="logo"/>

<ul>
	   <li>欢乐谷</li>
	   <li>华山</li>
</ul>

<form>
		美食:
		黄焖鸡 <input type="radio" value ="黄焖鸡" name="dishes" checked="checked"/>
		炸鸡   <input type="radio" value ="炸鸡" name="dishes"/>  
	<br/>
		音乐:
	    <input type="checkbox" value="1" name="单车" checked="checked"/>单车
		<input type="checkbox" value="2" name="富士山下"/>富士山下
		<input type="checkbox" value="3" name="国王与乞丐"/>国王与乞丐
	</form>
	<textarea rows="1" cols="1">
    在青山绿水之间，我想牵着你的手，走过这座桥，桥上是绿叶红花，桥下是流水人家，桥的那头是青丝，桥的这头是白发。
    </textarea>

三.HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value"。

属性总是在 HTML 元素的开始标签中规定。

<h1 align="center"> 拥有关于对齐方式的附加信息。

<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

<table border="1"> 拥有关于表格边框的附加信息。

<form> 元素的不同属性：

action 属性定义提交表单时要执行的操作。

target 属性规定提交表单后在何处显示响应。

method 属性指定提交表单数据时要使用的 HTTP 方法。

四.认识浏览器

1.浏览器

客户端安装了浏览器，才可以访问Web系统中的网页，它的主要作用就是对Web服务器提出访问请求，在收到服务器端的应后响应后，将服务器传送回来的网页文件进行解析，渲染，并以可视化的方式呈现出来。

浏览器内核主要包含渲染引擎和JS引擎，用于解析网页源代码并在屏幕上绘制网页。

2.搜索引擎

搜索引擎就是根据用户需求，运用特定策略从互联网检索出特定信息反馈给用户的一种检索系统。
3.国内浏览器及其内核

1、IE浏览器内核：Trident内核，也是俗称的IE内核；
2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
3、Firefox浏览器内核：Gecko内核，俗称Firefox内核；
4、Safari浏览器内核：Webkit内核；
5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；
6、360浏览器、猎豹浏览器内核：IE+Chrome双内核；
7、搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
8、百度浏览器、世界之窗内核：IE内核；
9、2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核；
————————————————
版权声明：本文为CSDN博主「zyftest1」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_40084390/article/details/90291399