HTML知识汇总

最新推荐文章于 2024-01-23 00:07:28 发布

浅笑0104

最新推荐文章于 2024-01-23 00:07:28 发布

阅读量123

点赞数

分类专栏： HTML&&CSS

本文链接：https://blog.csdn.net/qq_40947819/article/details/104861557

版权

HTML&&CSS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1、html的作用是用来制作网页（PC端和移动端），其中移动端又分为安卓和ios。
2、组成网页的规范：结构标准（html）、表现标准（css）、行为标准（js）。
3、浏览器：主流的浏览器有谷歌（内核是blink）、火狐（内核是gecko）、IE高版本（内核是trident）、苹果（内核是webkit）、欧鹏（内核是presto）。
世界范围内以上浏览器的使用频率更高，都有属于自己的内核，内核即浏览器中的渲染引擎。
4、网页结构即html，英文全称是hyper text Markup language 超文本标记语言。
5、<!Doctype html>的作用是告诉浏览器当前的文档类型是什么，这一项必须设置，如果不设置的话，那么浏览器会出现一种怪异模式【浏览器会按照自己的渲染方式去显示网页，不会按照html的规范去显示】。
6、<base target="_blank">在head中设置，使整个网页的a标签在新窗口中打开。
<meta charset="UTF-8"用来设置网页编码
<link rel="icon" href="图片路径" >"用来设置网页图标，注意：一般情况下，只要把网页图标放置到网站根目录下即可。
7、文本修饰标签：
文字加粗：<strong></strong>或者<b></b>
文字倾斜：<em></em或者<i></i>
文字下划线：<ins></ins>或者<u></u>
文字的颜色和大小：<font color="red" size="10"></font>
文字删除线：<del></del或者<s></s>
8、图片标签：img标签用来设置图片，属性有src、alt、title、width、height 图片标签属于多媒体标签中的一种，有自己固定的宽高比，一般只设置一个值。
9、锚链接也是a标签，锚链接：在本页面内部的跳转。
在这里插入图片描述
10、特殊字符
表示空格的字符：  
表示小于号的字符： <
表示大于号的字符： >
11、meta标签—设置网页关键字 TDK

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">

<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

12、列表
无序列表：

<ul>
		<li></li>
		<li></li>
	    .......
</ul>

有序列表：

<ol>
			 <li></li>
		  ......
</ol>

自定义列表：

<dl>
			  <dt>列表项中的标题</dt>
		     <dd>自定义列表中的列表项</dd>
</dl>

13、表格
在这里插入图片描述
属性：
width: 设置宽度
height: 设置高度
border: 设置表格的边框默认值是：0
cellspacing：控制单元格（td）与 table标签边框之间的距离：默认值： 2
align: 设置标签或内容的对齐方式
◆left (默认)
◆center —居中对齐
◆right ----右对齐
bgcolor: 设置标签背景颜色

表格中的其他标签和属性：
th : 设置表格中的表头
◆用法与td一样。
◆在th标签中，内容默认居中显示，且文字加粗
在这里插入图片描述
设置表格标题：

单元格合并：
◆横向合并：colspan=“值”;
◆纵向合并：rowspan=”值”
注意：
合并完单元格后，要将多余的列删掉
14、表单
<form></form>
☞ 表单域中的属性介绍：
◆ action：用来设置后台处理数据的一个文件
◆ method：用设置如何将数据交给后台处理数据的文件
在这里插入图片描述
输入框：
<input type=”text”>
属性：
name：设置控件的名称
maxlength：设置最多能输入多少个字符
readonly：设置当前控件为只读模式（只能看不能编辑）
disabled：设置当前控件为禁用模式（只能看不能编辑）
value：设置控件的默认值
placeholder：提供占位符（提示信息）
在这里插入图片描述

复选框：
在这里插入图片描述
设置默认选中项：checked属性

下拉列表：

下拉列表的其他写法，实现下拉列表分组展示

单选控件：

注意：如果要实现单选效果，需要设置相同的name属性值。

设置默认选中项，设置checked属性即可。
上传控件<input type="file">
多行文本域
<textarea></textarea>
☞ 数据提交按钮：提交表单数据
<input type="submit" name="">
☞ 图片数据提交按钮：
<input type="image" name="" src="按钮.jpg">
☞ 普通按钮
<input type="button" name="" value="普通按钮">
注意：该控件是和js配合使用的
☞ 装饰效果的标签：
在这里插入图片描述
表单中的其他属性介绍：
自动获取焦点： autofocus
表单新增元素：

15、自媒体标签
视频标签属性：
controls 显示控制栏
autoplay 自动播放
loop 设置当前控件是否循环播放
width 设置宽度
height 设置高度
在这里插入图片描述
音频标签：

或者支持多种格式文件的写法如下：

浅笑0104

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML知识汇总

1、html的作用是用来制作网页（PC端和移动端），其中移动端又分为安卓和ios。2、组成网页的规范：结构标准（html）、表现标准（css）、行为标准（js）。3、浏览器：主流的浏览器有谷歌（内核是blink）、火狐（内核是gecko）、IE高版本（内核是trident）、苹果（内核是webkit）、欧鹏（内核是presto）。世界范围内以上浏览器的使用频率更高，都有属于自己的内核，内核即...
复制链接

扫一扫