html简单学习!

  • html简单学习!已关闭评论
  • 17 次浏览
  • A+
所属分类:Web前端

1.常用标签

1.基础标签

<!DOCTYPE> 	定义文档类型。 <html>	定义 HTML 文档。 <head>	定义关于文档的信息。 <title>	定义文档的标题。 <body>	定义文档的主体。 <h1> to <h6>	定义 HTML 标题。 <p>	定义段落。 <br>	定义简单的折行。 <hr>	定义水平线。 <script>	定义客户端脚本。 <link>	定义文档与外部资源的关系 <meta>	定义关于 HTML 文档的元信息。 <!--...-->	定义注释。 

2.格式标签

<b>	定义粗体文本。等同于<strong> <sup>	定义上标文本。 <sub>	定义下标文本。 <i>   定义斜体文本。等同于<em> <u>	定义下划线文本。 

3.表单

  1. input标签:
    1. name:定义 input 元素的名称。
    2. value:规定 input 元素的值。
    3. type:规定 input 元素的类型。
      • button:按钮
      • checkbox:多选框
      • file:文件
      • image:图片按钮,点击图片提交
      • password:密码框
      • radio:单选框
      • reset:重置
      • submit:提交
      • text:文本框
      • 拓展:
        1. 邮箱:email,可初步验证输入是否为一个邮箱
        2. url:url,初步验证输入是否为一个网址
        3. 数字:number,可初步验证是否为一个数字,且可以设置最大最小值和步长
        4. 滑块;range
  2. select标签:
    1. multiple:规定可选择多个选项。
    2. name:规定下拉列表的名称。
    3. 配套标签:
      1. option标签:
        1. selected:规定选项(在首次显示在列表中时)表现为选中状态。
        2. value:定义送往服务器的选项值。
  3. 表单特殊属性:
    1. readonly:只读
    2. disabled:禁用
    3. hidden:隐藏
    4. placeholder:给输入框一个提示信息
    5. required:进行一个输入框的非空判断

4.超文本标签

<audio>	定义声音内容。 <img>	定义图像。 <video>	定义视频。 <a>	定义锚 
  1. img标签属性(必填):
    1. alt:text 规定图像的替代文本。
    2. src:URL 规定显示图像的 URL。
  2. a标签(必填):
    1. href:跳转路径
    2. (可选):
      1. target _blank(新窗口) _parent _self(原本网页) _top 规定在何处打开链接文档。
    3. 锚链接
    4. 功能链接:
      1. 邮件链接
      2. qq链接
  3. video标签:
    1. src:路径
    2. autoplay:如果出现该属性,则视频在就绪后马上播放
    3. controls:如果出现该属性,则向用户显示控件,比如播放按钮。
  4. audio标签:
    1. src:路径
    2. autoplay:如果出现该属性,则音频在就绪后马上播放。
    3. controls:如果出现该属性,则向用户显示控件,比如播放按钮。

5.列表

<ul>	定义无序列表。 <ol>	定义有序列表。 <li>	定义列表的项目。 <dl>	定义定义列表。 <dt>	定义定义列表中的项目。 <dd>	定义定义列表中项目的描述。 

6.表格

<table>	定义表格 <caption>	定义表格标题。 <th>	定义表格中的表头单元格。 <tr>	定义表格中的行。 <td>	定义表格中的单元。 <thead>	定义表格中的表头内容。 <tbody>	定义表格中的主体内容。 <tfoot>	定义表格中的表注内容(脚注)。 
  1. 跨列属性:colspon
  2. 跨行属性:rowspon

7.样式

<style>	定义文档的样式信息。 <div>	定义文档中的节。 <span>	定义文档中的节。 <article>	定义文章。 <section>	定义 section,一块独立的web区域,网页主体。 <header>	定义 section 或 page 的页眉,网页头部。 <footer>	定义 section 或 page 的页脚,网页脚部。 <aside>	定义页面内容之外的内容,常用于侧边栏。 <nav> 定义导航栏 

8.特殊符号

  1. &nbsp; 空格 &gt; 大于 &it; 小于 &copy; 版权 

9.内联框架(网页嵌套)

<iframe>	定义内联框架。 
  1. iframe标签:
    1. src:要打开网页路径
    2. name:配合a标签target使用