zoukankan      html  css  js  c++  java
  • 2-HTML的标签

    文本标签

    段落标签<p></p>

    段落标签用来描述一段文字

    标题标签<hx></hx>

    标题标签用来描述一个标题

    共有6个级别,高到低,h1,h2,h3,h4,h5,h6

    • <h1></h1>标签在每个页面中通常只出现一次

    强调语句标签<em></em>

    用于强调某些文字的重要性

    更加强调标签<strong></strong>

    <em></em>一样,用于强调文本,但它强调的程度更强一些

    无语义标签<span></span>

    <span></span>标签是没有语义。

    短文本引用标签<q></q>

    简短文字的引用

    长文本引用标签<blockquoto></blockquoto>

    定义长的文本引用

    换行标签<br/>

    <br/>标签作用相当于word文档中的回车,起到文字换行的作用

    多媒体标签

    链接标签<a></a>

    图片标签<img/>

    视频标签<video></video>

    <video src="" controls="controls"></video>

    音频标签<audio></audio>

    <audio src=""></audio>

    列表

    无序列表标签<ul></ul>``<li></li>

    有序列表<ol></ol>``<li></li>

    定义列表dl

    <dt></dt>定义列表中的项目

    <dd></dd>描述列表中的项目

    表格

    表格标签<table></table>

    表格的一行<tr></tr>

    表格的表头<th></th>

    单元格<td></td>

    表格合并

    同一行内,合并几列colspan="2"

    同一列内,合并几列rowspan="3"

    表单标签系列

    表单标签<form></form>

    可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传递过来的数据

    <form method="传递方式" action="服务器文件"></form>

    action,浏览者输入的数据被传递送到的地方。

    method,数据传送的方式get/post

    输入标签input

    name文本框命名,用于提交表单,后台接收数据用

    value文本框设置默认值

    type定义不同的type类型,Input的功能有所不同

    text单行文本输入框

    password密码输入框

    radio单选框

    checkbox复选框

    file上传文件

    button普通按钮

    reset重置按钮

    submit提交按钮

    email专门用于输入e-mail

    url专门用于输入url

    number专门用于number

    date选取日期和时间

    color选取颜色

    下拉选择框<select></select>

    <option value="提交值">选项</option>是下拉选择框里面的每一个选项

    selected当当某个option选项有这个属性时候,select默认选中这个选项

    文本域<textarea></textarea>

    当用户想输入大量文字的时候,使用文本域

    cols多行输入域的列数

    rows多行输入域的行数

    其他语义化标签

    盒子<div></div>

    俗称为盒子,division分割

    在网页制作过程中,可以把一些独立的逻辑部分划分出来,放在一个<div></div>标签中,这个div标签的作用就相当于一个容器。

    什么是逻辑部分?它是页面上 相互关联的一组元素。如网页中的独立的栏目板块,就是一个典型的逻辑部分。

    网页头部header

    html5新增语义化标签,定义网页的头部

    主要用于布局,分割页面的结构

    底部信息footer

    html5新增语义化标签,定义网页的底部

    主要用于布局,分割页面的结构

    导航nav

    html5新增语义化标签,定义一个导航

    主要用于布局,分割页面的结构

    文章article

    HTML5新增语义化标签,定义一篇文章

    主要用于布局,分割页面的结构

    侧边栏aside

    语义化标签,定义主题内容外的信息

    主要用于布局,分割页面的结构

    时间标签time

    语义化标签,定义一个时间

    版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!
  • 相关阅读:
    构造并判断二叉搜索树-js
    构造树并判断是否对称
    旋转图像
    螺旋矩阵
    链表实现快速排序
    任务调度器
    队列的实现
    最大矩形
    棒球比赛
    复原IP地址
  • 原文地址:https://www.cnblogs.com/dashucoding/p/14186095.html
Copyright © 2011-2022 走看看