HTML标签与属性
HTML中常用的一些标签和属性。
1.lang属性:搜索引擎 en:英文, zh:中文
2.meta:元数据 charset属性:字符集编码方式
3.h1~h6:标题 一级标题最大
4.p:段落
5.br:段内换行 <b />单独标签
6. :空格字符 (全小写) 可以连续添加多个空格
7.pre:预留格式 定义预格式化的文本,文本中的空格和换行符会被保留
8.span:行内组合 组合行内元素,以便通过css样式来格式化
9.hr:水平线 <hr /> 单独标签
10.<!--注释内容-->:注释
可以跨行,对代标功能进行说明,增加源代码的可读性,还可以对作者,修改版本号等进行说明
11.a:超链接 文本,图片,导航栏会用到超链接。 <a href="网址">文字或图片</a>
举例:⑴链接到本站点其他网页 :<a href="new.html">新闻</a>
⑵链接到其他站点: <a href="http://www.baidu.com">百度</a>
⑶虚拟超链接: <a href="#">板块</a>
12.图像格式:⑴JPG:有损压缩,色彩丰富图片(风景图片,人物图片,其他实物照片)
⑵GIF:简单动画,背景透明
⑶PNG:无损压缩,透明,交错,动画
13.img:插入图像 <img />单独标签 <img src="01.gif" alt="01" />
src属性:图片的来源 路径+文件名
alt属性:图片的替换文本 图片无法找到或种种原因没有打开的时候,浏览器就会自动找到alt属性,将它 里面的文字显示出来
14.div:区域 确定一个单独的区域,页面的一个组成部分,一个栏目板块
align属性:对齐 id属性:这个名字是唯一的
例如:<div id="container" align="center"> </div>
15.sup:上角标
16.ul:无序列表
17.li:列表项
18.ol:有序列表
19.table:表格 每一行用tr标签 每一单元格用td标签表示
border属性:取值代表边框的粗细 表头单元格:th 里面字体加粗
20.form:表单:是一个区域,采集用户信息 表单元素:文本框,按钮,单选,复选,下拉列表,文本域
action属性:收集来的数据交由哪一个页面来处理
例如:<form action="数据处理网页">表单元素</form>
21.input:文本档,密码框
type属性:⑴文本框 type="text" 文本为明文显示
⑵密码框 type="password" 文本用“*”表示
name属性:当前表单元素的名字是什么 作用:通过name属性读取到哪个表单元素里面的数据
注意:⑴表单元素没有自动换行,用段内换行br标签来表示
⑵表单元素带有一个name属性
例如: 账户:<input type="text" name="username"><br />
密码:<input type="password" name="userpsd">
20.input-submit:提交按钮 type属性:submit value属性按钮上显示的文字
21.input-reset:重置按钮
22.input-radio:单选框 input-checkbox:复选框
checked:当设置checked="checked"时,该选项被默认选中
例如:<.input type="radio/checkbox" value="值" name="名称" checked="checked"/>
24.select option :下拉列表框
25.textarea:文本域 <textarea rows="行数" cols="列数">文本</textarea>
26.b:加粗
27.sub:下标 <sub>下标</sub>
28.sup:上标
29.del:被删除文本
30.audio:声音内容
31.button:按钮
32.command:可以定义命令按钮,比如单选按钮、复选框或按钮
33.header:定义文档的页眉(介绍信息)
34.i:斜体
35.big:大号字体
36.small:小号字体
37.nav:定义导航链接的部分
38.video:定义视频,比如电影片段或其他视频流
39.ins: 定义已经被插入文档中的文本
40.caption:定义表格标题。
caption 标签必须紧随 table 标签之后,只能对每个表格定义一个标题,通常这个标题会被居中于表格之上
希望可以有所帮助。
HTML标签与属性的更多相关文章
- HTML5的Video标签的属性,方法和事件汇总
<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...
- php 内置支持的标签和属性
内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...
- video标签的属性和方法总结
最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...
- HTML video 视频标签全属性详解
HTML 5 video 视频标签全属性详解 现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...
- HTML5探索一(那些新增的标签和属性)
tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 ...
- 关于html标签和属性的基本理解
一.关于标签和属性的基本理解: html页面的内容主要由"元素"或"标签"组成.使用标签来描述网页的内容. 标签tag一般都是成对出现,开始标签和结束标签,或者 ...
- [原创]java WEB学习笔记62:Struts2学习之路--表单标签:form,表单标签的属性,textfield, password, hidden,submit ,textarea ,checkbox ,list, listKey 和 listValue 属性,select ,optiongroup ,checkboxlist
本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...
- html <input>标签类型属性type(file、text、radio、hidden等)详细介绍
html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...
- 将HTML转成XHTML并清除一些无用的标签和属性
介绍 这是一个能帮你从HTML生成有效XHTML的经典库.它还提供对标签以及属性过滤的支持.你可以指定允许哪些标签和属性可在出现在输出中,而其他的标签过滤掉.你也可以使用这个库清理Microsoft ...
- CSS和JavaScript标签style属性对照表
CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,后面字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border ...
随机推荐
- filter方法常用过滤条件
#encoding: utf-8 from sqlalchemy import create_engine,Column,Integer,String,Float,func,and_,or_ from ...
- FTL2
ABSTACT 1.NAND flash memory (主要缺点): (1)partial page updates (2)general-purpose cache usually does n ...
- Reactor系列(十二)window嵌套
#java#reactor#flux#window# Flux嵌套 视频解说: https://www.bilibili.com/video/av80458406/ FluxMonoTestCase. ...
- [转] DLL加载方式
静态加载: 如果你有a.dll和a.lib,两个文件都有的话可以用静态加载的方式: message函数的声明你应该知道吧,把它的声明和下面的语句写到一个头文件中 #pragma comment(lib ...
- [转帖]FreeBSD、OpenBSD、NetBSD的区别
FreeBSD.OpenBSD.NetBSD的区别 Linux 的历史 http://www.361way.com/unix-bsd/1513.html 一直unix在我心目中的地位都很高,uni ...
- [转帖]How does a CPU work?
How does a CPU work? https://milapneupane.com.np/2019/07/06/how-does-a-cpu-work/ CPU, also known as ...
- idea 设置自动生成注释
idea新建类注释规则 /** @ProjectName: ${PROJECT_NAME} @Package: ${PACKAGE_NAME} @ClassName: ${NAME} @Descrip ...
- SpringBoot上传文件,经过spingCloud-Zuul,中文文件名乱码解决办法
最近用springCloud整合springboot做分布式服务发现经过zuul之后上传的中文文件名乱码全都变成?????,从而引发异常,单独用springboot却是好的,在网上找到相关资料总结如下 ...
- 如何同步多个 git 远程仓库
请看 -> 如何同步多个 git 远程仓库
- oa_mvc_easyui_后台布局(3)
1.新建HomeController控制器,并创建视图,后台的主页 2.easyUI的引用: <link href="~/Content/default/easyui.css" ...