HTML常用基础标签
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常用基础标签的更多相关文章
- 【HTML基础】常用基础标签
什么是HTML? HTML(HyperText Markup Language,超文本标记语言),所谓超文本就是指页面内可以包含图片.链接.甚至音乐等非文字元素,HTML不是一种编程语言,而是一种标记 ...
- HTML概念、语法及常用基础标签
HTML基础语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
- HTML&CSS基础-html常用的标签
HTML&CSS基础-html常用的标签 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html的源代码 <!DOCTYPE html> <html& ...
- HTML基础标签入门
HTML基础标签 昨天学习了一些HTML的基本标签以及基本属性: HTML是一种超文本标记语言,其中PHP是世界上最好的语言(增加学习的动力荣誉感). HTML文档里包含三部分: <html&g ...
- 转:springmvc常用注解标签详解
Spring5:@Autowired注解.@Resource注解和@Service注解 - IT·达人 - 博客园--这篇顺序渐进,讲得超级好--此人博客很不错http://www.cnblogs.c ...
- java常用基础(一)
Java常用基础(一) 原文写于2017-12-02 输入输出 //输入 Scanner in = new Scanner(new BufferedInputStream(System.in)); i ...
- Nginx 常用基础模块
目录 Nginx 常用基础模块 Nginx日志管理 nginx日志切割 Nginx目录索引 Nginx状态监控 Nginx访问控制 Nginx访问限制 Nginx 请求限制配置实战 Nginx Loc ...
- HTML基础标签学习
HTML基础学习 前言 HTML基础学习会由HTML基础标签学习.HTML表单学习和一张思维导图总结HTML基础三篇文章构成,文章中博主会提取出重点常用的知识和经常出现的bug,提高学习的效率,后续会 ...
- 常用HTML标签元素结合及简介
常用HTML标签元素结合及简介 <html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息< ...
随机推荐
- JMeter配置好环境变量后无法启动---翻车笔记
双击jmeter.bat出现下图情况 手欠了win7中配置 path无意中多删了变量 解决方法:在计算机-属性-高级系统设置-环境变量Path中添加 %SystemRoot%/system32;%Sy ...
- mysql 查询 int类型日期转换成datetime类型
数据库日期类型是int类型的,该查询结果是datetime类型的 SELECT from_unixtime( `时间列名` ) FROM 表名 如果原来类型是datetime类型,查询结果要是int类 ...
- Linux(Ubuntu)使用日记(三)------git安装使用
1. 安装 首先,确认你的系统是否已安装git,可以通过git指令进行查看,如果没有,在命令行模式下输入sudo apt-get install git命令进行安装. 2. 配置 git confi ...
- ML.NET is an open source and cross-platform machine learning framework
https://www.microsoft.com/net/learn/apps/machine-learning-and-ai/ml-dotnet Machine Learning made for ...
- 函数遍历DOM树
//获取页面中的根节点--根标签 var root=document.documentElement;//html //函数遍历DOM树 //根据根节点,调用fn的函数,显示的是根节点的名 ...
- Django+Vue打造购物网站(八)
购物车.订单管理和远程调试 添加商品到购物车 trade/serializers.py from rest_framework import serializers from goods.models ...
- 【XSY2849】陈姚班 平面图网络流 最短路 DP
题目描述 有一个\(n\)行\(m\)列的网格图. \(S\)到第一行的每一个点都有一条单向边,容量为\(\infty\). 最后一行的每个点到\(T\)都有一条单向边,容量为\(\infty\). ...
- Python--logging模块不同级别写入到不同文件
将不同级别的logging 日志信息写入到不同文件 # -*- coding: utf-8 -*- import os import time import logging import inspec ...
- 1: jsp的4个作用域 pageScope、requestScope、sessionScope、applicationScope的区别
1.区别: 1.page指当前页面有效.在一个jsp页面里有效 2.request 指在一次请求的全过程中有效,即从http请求到服务器处理结束,返回响应的整个过程,存放在HttpServletReq ...
- Vue(基础八)_导航守卫(组件内的守卫)
一.前言 主要通过一个例子演示三个钩子的作用: 1.beforeRouteEnter() ...