HTML常用基础标签

带有语义的标签

<em> </em> 强调

<strong> </strong> 比em强调级别高

<abbr> </abbr> 定义缩写,与title属性相互搭配使用

<address> </address> 定义地址元素

<blockqute> </blockqute> 定义块引用,通常情况下会产生缩进

<cite> </cite>通常情况下,某段话引用自某本书,可以使用cite进行说明

<ins> </ins> 定义被插入文本

<del> </del> 定义被删除文本

带有一定样式的标签

<b> </b> 定义斜体文本

<i> </i> 定义斜体文本

<big> </big> 定义大号字体文本

<small> </small> 定义小号字体文本

<sub> </sub> 下标文本

<sup> </sup> 上标文本

<bdo> </bdo> 定义文本显示方向,属性:dir,值:ltr,rtl

输出类标签

<pre> </pre> 代码中样式原样输出

<code> </code> 定义计算机代码文本

<kbd> </kbd> 定义键盘文本

<var> </var> 定义变量

功能类标签

a标签

定义超链接实现页面跳转

定义锚点实现书签功能

列表

无序列表 ul,li

有序列表 ol,li

页面嵌套

iframe

项目列表描述

dl,dt,dd

图片(img标签)

常用属性有:alt(图片替代文本),width,height,ismap(定义图像映射的一张图像)

通过img实现图像映射:map标签(定义图像映射),area标签(定义图像映射内部的区域)

链接跳转的图像:将图片嵌套在a标签中

表格(table标签)

  • caption标签:表格标题

  • th标签:表格页眉

  • tr标签:表格的行

  • td标签:表格的单元格

  • thead标签:表格的头部

  • tbody标签:表格的主干

  • tfoot标签:表格的尾部

注:td有两个常用属性rowspan和colspan用于合并单元格

页面所有链接的基础链接(base标签)

base标签位于head标签内部

form标签

  • 作用:登录、注册或者上...

  • form标签中常用属性

action属性:设置将表单中的数据提交给谁,如果属性值为空,则点击提交后数据提交到当前网页中

method属性:设置提交给后台的方法get/post,当method属性值为get时,数据被通过url(统一资源定位符)传递到后台中;当method属性值为post时,传输数据通过服务器来传输;当method属性值为空时,默认属性值为get。

  • 输入域 input

格式:

<input type="text" name="user">

type属性,其相关属性值有:

    button 按钮

    file 文件

    hidden 隐藏

    text 文本类型

    password 密码

    radio 单选

    checkbox 多选

    image 看似是图片,但其实是一个提交按钮

    reset 重置

    submit 提交

alt属性:定义当按钮为图片时,图片的替代文本

src属性:定义当按钮为图片时,图片的链接地址

checked属性:定义默认选项

disabled属性:禁用当前输入域

readonly属性:对当前输入域只读

maxlength属性:定义输入域字符的最大长度

name属性:定义当前输入域的名字

value属性:定义当前输入域是默认值

  • 文本输入区 textarea

cols属性:规定可见列数

rows属性:规定可见行数

disabled属性:禁用当前文本输入区

name属性:当前文本区是名字

readonly属性:当前文本区域只读

  • 按钮 button

disabled属性:禁用此按钮

name属性:按钮名字

type属性:按钮类型:(button,reset,submit)

value属性:按钮上显示文本内容的默认值

  • 下拉菜单 select

相关属性:disabled属性,禁用此菜单;multipe属性,规定可同时选中多项;name属性,下拉菜单的名字;size属性,菜单中可见项目数目

optgroup标签,定义下来列表选项分组,其属性有:label属性,定义选项组的标记,必要属性;disabled属性,禁用

option标签,定义下来列表中的选项,其属性有:disabled属性,禁用;label属性,定义当使用optgroup时所使用的标注;selected属性,规定选项(在首次显示在列表中时)表现为选中状态;value属性,向服务器输送的值

  • 表单中的标记 label

  • 表单中相关元素分组 fieldset

legend定义分组标题

HTML常用基础标签的更多相关文章

  1. 【HTML基础】常用基础标签

    什么是HTML? HTML(HyperText Markup Language,超文本标记语言),所谓超文本就是指页面内可以包含图片.链接.甚至音乐等非文字元素,HTML不是一种编程语言,而是一种标记 ...

  2. HTML概念、语法及常用基础标签

    HTML基础语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  3. HTML&CSS基础-html常用的标签

    HTML&CSS基础-html常用的标签 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html的源代码 <!DOCTYPE html> <html& ...

  4. HTML基础标签入门

    HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...

  5. 转:springmvc常用注解标签详解

    Spring5:@Autowired注解.@Resource注解和@Service注解 - IT·达人 - 博客园--这篇顺序渐进,讲得超级好--此人博客很不错http://www.cnblogs.c ...

  6. java常用基础(一)

    Java常用基础(一) 原文写于2017-12-02 输入输出 //输入 Scanner in = new Scanner(new BufferedInputStream(System.in)); i ...

  7. Nginx 常用基础模块

    目录 Nginx 常用基础模块 Nginx日志管理 nginx日志切割 Nginx目录索引 Nginx状态监控 Nginx访问控制 Nginx访问限制 Nginx 请求限制配置实战 Nginx Loc ...

  8. HTML基础标签学习

    HTML基础学习 前言 HTML基础学习会由HTML基础标签学习.HTML表单学习和一张思维导图总结HTML基础三篇文章构成,文章中博主会提取出重点常用的知识和经常出现的bug,提高学习的效率,后续会 ...

  9. 常用HTML标签元素结合及简介

    常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息< ...

随机推荐

  1. Amazon SNS (Simple Notification Service) Using C# and Visual Studio

    SNS (Amazon Simple Notification Services) Amazon SNS (Amazon Simple Notification Services) is a noti ...

  2. codeforces721C

    Journey CodeForces - 721C Recently Irina arrived to one of the most famous cities of Berland — the B ...

  3. [LOJ3083][GXOI/GZOI2019]与或和——单调栈

    题目链接: [GXOI/GZOI2019]与或和 既然求的是二进制运算的和,那么我们按位考虑,这样就将矩阵变成了一个$01$矩阵. 对于或运算,就是求有多少个子矩形中有$1$. 直接求不好办,考虑有多 ...

  4. Android 入门(1)使用第三方控件

    最近公司需要,准备开发扫描枪. 话不多说,直接开始 创建新项目 1 如果遇到 Error:Execution failed for task ':app:preDebugAndroidTestBuil ...

  5. HTML编辑器KindEditor

    KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本 ...

  6. 题解-洛谷P1601 A+B Problem(高精)

    https://www.luogu.org/problemnew/show/P1601(题目传送) 显然数据范围超过了long long类型,故不能简单的用两个长整型存起来相加.这里用到大数据的高精度 ...

  7. ASP.NET概念

    ASP.NET :是一个开发框架,用于通过 HTML.CSS.JavaScript 以及服务器脚本来构建网页和网站. ASP.NET两种开发语言:VB C#

  8. 任意模数NTT学习笔记

    这两天有点颓,所以东西学的也很慢...这个一眼就能推出来的活生生卡了我两天.. 说几个细节: 柿子: \[f*g = (\frac{f}{M} +f\%m)*(\frac{g}{M} +g\%m) \ ...

  9. JavaScript 基本类型和引用类型

    前言 ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值.基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象. 基本类型 Undefined.Null.B ...

  10. UML建工工具

    本篇博文简单介绍一下自己在搜索UML建模工具的过程中收集到的一些信息. 如果想用中文的,可以考虑楚凡科技的Trufun Plato,不过最近好像没有怎么更新了. 很多前辈以前用的是Rational R ...