HTML中常用的一些标签和属性。

1.lang属性:搜索引擎      en:英文,  zh:中文

2.meta:元数据     charset属性:字符集编码方式

3.h1~h6:标题   一级标题最大

4.p:段落

5.br:段内换行   <b />单独标签

6.&nbsp;:空格字符 (全小写)    可以连续添加多个空格

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标签与属性的更多相关文章

  1. HTML5的Video标签的属性,方法和事件汇总

    <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...

  2. php 内置支持的标签和属性

    内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...

  3. video标签的属性和方法总结

    最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...

  4. HTML video 视频标签全属性详解

    HTML 5 video 视频标签全属性详解   现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...

  5. HTML5探索一(那些新增的标签和属性)

    tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 ...

  6. 关于html标签和属性的基本理解

    一.关于标签和属性的基本理解: html页面的内容主要由"元素"或"标签"组成.使用标签来描述网页的内容. 标签tag一般都是成对出现,开始标签和结束标签,或者 ...

  7. [原创]java WEB学习笔记62:Struts2学习之路--表单标签:form,表单标签的属性,textfield, password, hidden,submit ,textarea ,checkbox ,list, listKey 和 listValue 属性,select ,optiongroup ,checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  8. html <input>标签类型属性type(file、text、radio、hidden等)详细介绍

    html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...

  9. 将HTML转成XHTML并清除一些无用的标签和属性

    介绍 这是一个能帮你从HTML生成有效XHTML的经典库.它还提供对标签以及属性过滤的支持.你可以指定允许哪些标签和属性可在出现在输出中,而其他的标签过滤掉.你也可以使用这个库清理Microsoft ...

  10. CSS和JavaScript标签style属性对照表

    CSS和JavaScript标签style属性对照表一般情况是把"-"去掉,后面字母用大写. CSS语法 (不区分大小写) JavaScript语法 (区分大小写) border ...

随机推荐

  1. 【转帖】Linux上,最常用的一批命令解析(10年精选)

    Linux上,最常用的一批命令解析(10年精选) https://juejin.im/post/5d134fbfe51d4510727c80d1 写的挺好呢 Linux这么多命令,通常会让初学者望而生 ...

  2. py2 json字符串转字典去掉前缀u

    def unicode_convert(input): if isinstance(input, dict): return {unicode_convert(key): unicode_conver ...

  3. luogu题解 P1707 【刷题比赛】矩阵加速递推

    题目链接: https://www.luogu.org/problemnew/show/P1707 分析: 洛谷的一道原创题,对于练习矩阵加速递推非常不错. 首先我们看一下递推式: \(a[k+2]= ...

  4. RSA 加密长度计算公式

    The length of data that can be encrypted using RSA is determined primarily by the size of the key yo ...

  5. luogu P4437 [HNOI/AHOI2018]排列

    luogu 问题本质是把\(a_i\)作为\(i\)的父亲,然后如果有环就不合法,否则每次要取数,要满足取之前他的父亲都被取过(父亲为0可以直接取),求最大价值 贪心想法显然是要把权值大的尽量放在后面 ...

  6. STM32F10xxx_启动模式

    目录 STM32F10xxx_启动模式 更新记录 启动配置 参考: STM32F10xxx_启动模式 更新记录 version status description date author V1.0 ...

  7. JQ向上取整 和向下取整 四舍五入

    向上取整   var a = 23.2325236   var abc = Math.ceil(a); //注意:Math.ceil(a)不要单独写一行,否则向上取整失败   abc = 24;   ...

  8. iOS用contenteditable滚动时,光标不会刷新定位的处理方法

    分析 iOS的 wkwebview 在滚动时会暂停许多动画,作为优化 解决思路 监听滚动事件,利用文档重绘即可刷新动画 ps:因为滚动有惯性,touchmove事件只能监听到手指松开的那一刻,所以只能 ...

  9. PPT中准确插入公式

    Mathtype直接输入到PPT中的公式,漂移且太小.一般的文本公式不美观. 将Mathtype的公式作为文本形式出现,既解决了漂移和大小的问题,也兼顾的美观. 具体操作如下: 1 打开Mathtyp ...

  10. docker 网络 实现

    最近在学习docker网络相关的知识,关于网络这块儿记下来,以便review dokcer安装完成之后默认提供三种网络  bridge host none  docker默认使用bridge brid ...