前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >2-HTML的标签

2-HTML的标签

作者头像
达达前端
发布2020-05-18 16:35:53
9940
发布2020-05-18 16:35:53
举报
文章被收录于专栏:达达前端达达前端

文本标签

段落标签<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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
视频理解
视频理解是基于腾讯领先的 AI 技术和丰富的内容运营经验,对视频内容输出涵盖人物、场景、物体、事件的高精度、多维度的优质标签内容。通过对视频内容进行细粒度的结构化解析,应用于媒资系统管理、素材检索、内容运营等业务场景中。其中一款产品是媒体智能标签(Intelligent Media Label Detection)
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档