美文网首页
4.HTML 常用标签及属性

4.HTML 常用标签及属性

作者: 麋鹿觅路迷了lu | 来源:发表于2018-08-26 13:47 被阅读0次
HTML 标签表

1. 链接

标签:
    <a></a>
属性:
    href:链接地址
    target:打开方式
        _blank:新标签页打开
        _self:当前页面打开(默认)
    title:链接提示

2. 文本标记

标题元素

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

文本样式

斜体:
    <i></i>
粗体:
    <b></b>
删除线:
    <s></s>
下划线:
    <u></u>
上标:
    <sup></sup>
下标:
    <sub></sub>

段落元素

<p></p>

换行元素

<br/>

分割线元素

标签:
    <hr/>
属性:
    size:尺寸
    width:宽度
    color:颜色
    align:水平对齐方式
        left/center/right

分区元素

块分区元素:
    <div></div>
行内分区元素:
    <span></span>

块级元素与行内元素

块级元素:
    <p></p>
    <div></div>
    <h1~6></h1~6>
行内元素:
    <img/>
    <a></a>
    <i></i>
    <b></b>
    <s></s>
    <u></u>
    <sub></sub>
    <sup></sup>
    <span></span>

3. 图像

标签:
    <img/>
属性:
    src:图片地址
    width:图像宽度
    height:图像高度

4. 表格

标签:
    <table></table>
属性:
    width:宽度
    height:高度
    border:边框宽度
    bgcolor:背景颜色
    cellpadding:内边距
    cellspacing:外边距
    align:水平对齐方式
        left/center/right

子元素

标签:
    <tr></tr>(创建表行)
属性:
    bgcolor:背景颜色
    align:水平对齐方式
        left/center/right
    valign:垂直对齐方式
        top/middle/bottom

标签:
    <td></td>(创建单元格)
属性:
    width:宽度
    height:高度
    align:水平对齐方式
    valign:垂直对齐方式

<caption></caption>(表格标题)
<th></th>(列标题)
<thead></thead>(表头)
<tbody></tbody>(表主体)
<tfoot></tfoot> (表尾)

5. 列表

有序列表

<ol>
    <li></li>
</ol>
属性:
    type:标识类型,默认为数字排列
        1(默认)/a/A/i/I
    start:定义起始值,默认从1开始

无序列表

<ul>
    <li></li>
</ul>
属性:
    type:标识类型
        disc(默认)/circle/square/none

自定义列表

<dl>
    <dt>列表中的标题</dt>
    <dd>列表中的数据</dd>
</dl>

6. 表单

标签:
    <form></form>
属性:
    name:表单名称
    action:提交地址
    method:提交方式
        get/post

input 元素

标签:
    <input/>
属性:
    name:控件名称
    type:控件类型
    value:值
    disabled:禁用

常用表单控件

文本框:
    <input type="text"/>
密码框:
    <input type="password"/>
    属性:
        readonly:控件只读
        maxlength:限制字符数
单选按钮:
    <input type="radio"/>
复选框:
    <input type="checkbox"/>
    属性:
        checked:设置默认被选中
提交按钮:
    <input type="submit"/>
重置按钮:
    <input type="reset"/>
普通按钮:
    <input type="button"/>
图片按钮:
    <input type="image" src=""/> 
文件选择框:
    <input type="file"/>
隐藏域:
    <input type="hidden"/>

button 元素

<button>内容</button>

select 和 option 元素

<section name="">
    <option value="" selected></option>
</section>

7. 结构标记

<header></header>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<footer></footer>

相关文章

  • 4.HTML 常用标签及属性

    1. 链接 2. 文本标记 标题元素 文本样式 段落元素 换行元素 分割线元素 分区元素 块级元素与行内元素 3....

  • 常用标签及属性

    取消a标签的下划线 内容居中 内容横排显示 提交form前的js校验 隐藏页面元素 style="display:...

  • HTML常用标签及属性

    什么是HTML HTML基本语法 常用标签及属性 链接 文本标记 表格 列表 表单 结构标记 本文知识来源MDN(...

  • HTML常用标签及属性

    1,基本 … 定义 HTML 文档 … 文档的信息 HT...

  • 常用HTML标签及属性

    思维导图 思维导图链接 文档结构类型 HTML元素 图像和链接 表格 列表 结构标记 表单 文档结构类型 HTML...

  • HTML常用标签及属性

    什么是HTML HTML基本语法 常用标签及属性 链接 文本标记 表格 列表 表单 结构标记 什么是HTML HT...

  • HTML常用标签及属性

    HTML标签及属性 1.HTML5头部结构 【!DOCTYPE html】 声明文档类型为HTML5文件。 文档声...

  • Form表单用法

    常用属性 常用标签

  • HTML常用标签

    HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...

  • HTML常用标签属性及事件属性

    HTML中的标签属性可以赋予标签更多的信息,属性总是以key :value即名称/值对的形式出现。属性可分为全局属...

网友评论

      本文标题:4.HTML 常用标签及属性

      本文链接:https://www.haomeiwen.com/subject/nmloiftx.html