基础的html标签,HTML常用基础标签

HTML常用基础标签

带有语义的标签

强调

比em强调级别高

定义缩写，与title属性相互搭配使用

定义块引用，通常情况下会产生缩进

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

定义被插入文本

定义被删除文本

带有一定样式的标签

定义斜体文本

定义斜体文本

定义大号字体文本

定义小号字体文本

下标文本

上标文本

定义文本显示方向，属性：dir,值：ltr，rtl

输出类标签

定义计算机代码文本

定义键盘文本

定义变量

功能类标签

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

格式：

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基础】常用基础标签

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

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

HTML基础语法

重学Java

Java web 的课程告一段落了 现在我觉得我应该重新学习一下 Java基础  先分享下昨天学习递归后写的两个短短的代码 1.求5的阶乘 package test; public class fiv ...

c++刷题(9/100)：链表

题目一:https://www.nowcoder.com/practice/d0267f7f55b3412ba93bd35cfa8e8035?tpId=13&tqId=11156&tP ...

Chrome 上传时打开对话框非常慢

Chrome 上传时打开对话框非常慢 先说解决方法,将 Chrome 中这个选项关闭,打开会飞快. 如果只是图片之类是不会的,但是有 zip apk 之类的就会慢. 主要原因还是 Chrome 太安全 ...