html标签大全

2021/12/19 23:51:13

编程Tag： 服务器属性标签按钮表单页面 html 大全

本文主要是介绍html标签大全，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

HTML：

HTML：超级文本标记语言（HyperText Markup Language）<a></a>

“超文本”就是指页面内可以包含图片、链接等非文字内容。

“标记”就是使用标签的方法将需要的内容包括起来。例如：<a>www.itcast.cn</a>

HTML代码：用于展示需要显示的数据。

CSS代码：使显示的数据更佳好看。

JavaScript代码：使整个页面显示的数据具有动画效果。

<html> 整个页面的根标签，理论上一个页面只需要一个，由头和体组成。

     <head> 头标签，用于引入脚本、导入样式、提供元信息等。一般情况下头标签的内容在浏览器端都不显示。

         <title>子标签，用于显示浏览器标题。<title>

      <head>

        <body> 体标签，是整个网页的主体，我们编写的html代码基本都在此标签体内。</body> </html>

标签大全:(标题标签)(水平线标签)(字体标签)(格式化标签)(段落标签)(图片标签)(列表标签)(超链接标签)

<h1></h1> 标题标签

<hr /> 水平线标签

<font> 用于设置字体尺寸、字体颜色等。

<b></b>粗体

<i></i> 斜体

<p></p>定义段落。p 标签会自动在其前后创建一些空白

<br />插入单个换行

size属性：水平线的高度，单位像素默认是3

noshade属性：没有阴影，取值：noshade，表示显示纯色

color属性：设置字体的颜色

<img> 在html页面中引用一张图片

src ：指定需要显示图片的URL（路径）。

alt ：图片无法显示时的替代文本。

width ：设置图像的宽度。

height ：定义图像的高度。

<ol> 定义有序列表。

<ul> 定义无序列表

<li> 定义列表项。

<a> 标签是超链接

href：用于确定需要显示页面的路径（URL）

target：确定以何种方式打开href所设置的页面。常用取值：_blank、_self 等

_blank 在新窗口中打开href确定的页面。

_self 默认。使用href确定的页面替换当前页面。

表格标签

<table> 是父标签，相当于整个表格的容器。

border 表格边框的宽度。

width 表格的宽度。

cellpadding 单元边沿与其内容之间的空白。内边距

cellspacing 单元格之间的空白。外边距

bgcolor 表格的背景颜色。

<tr>标签用于定义行

<td>标签用于定义表格的单元格（一个列）

colspan 单元格可横跨的列数。

rowspan 单元格可横跨的行数。

align 单元格内容的水平对齐方式, 取值：left 左、right 右、center 居中。

<th>标签用于定义表头。单元格内的内容默认居中、加粗。

框架标签

<frameset> 标签，是多个窗口页面整合在一起的一个集合（框架集）。每一个页面（框架）都是单独文档，需要使用子标签<frame>来确定页面的位置。

<frameset>通过列和行来确定整体布局，使用cols确定列数，使用rows确定行数。多个<frameset>可以嵌套使用。

<frameset>和<body>两个不能共存。

rows属性和cols属性取值：值1,值2,值3,….. 一个值表示一行（列），多值使用逗号分隔，值可以是 10px、10% 等，最后一个值如果不想计算可以使用*匹配剩余量。

框架子标签：<frame>

<frame>标签，用于设置<frameset>框架集中的一个页面（框架）。

src属性：确定页面的路径

noresize属性：框架分隔先不能移动

target属性：确定需要显示的页面在何处显示

表单标签

<form> 表单标签，在html页面创建一个表单，表单标签在浏览器上没有任何显示。如果数据需要提交到服务器，

负责搜集数据的标签必须存放在表单标签体内容。

action属性：请求路径，确定表单提交到服务器的地址（路径）

method属性：请求方式。常用的取值：GET、POST

输入域标签

<input> 标签用于获得用户输入信息，type属性值不同，搜集方式不同。最常用的标签。

type属性：

text：文本框

password：密码框

radio：单选框，

submit：提交按钮。提交按钮会把表单数据发送到服务器。一般不写name属性，否则将“提交”两个字提交到服务器

checkbox：复选框

image: 按钮上的图片

file：文件上传组件,提供"浏览"按下可以选择需要上传文件.

hidden：隐藏字段. 数据会发送给服务器，但浏览器不进行显示。

reset：重置按钮。将表单恢复到默认值。

button：普通按钮，常用于与JavaScript结合使用。

name：元素名，如果需要表单数据提交到服务器，必须提供name属性值，服务器通过属性值获得提交的数据。

value属性：设置input标签的默认值。submit和reset为按钮显示数据

checked属性：单选框或复选框被选中。

readonly：是否只读

disabled：是否可用

下拉列表标签

name属性：发送给服务器的名称

multiple属性：不写默认单选，取值为“multiple”表示多选。

size属性：多选时，可见选项的数目。

<option> 子标签：下拉列表中的一个选项（一个条目）。

selected ：勾选当前列表项

value ：发送给服务器的选项值。

文本域标签：

<textarea> 文本域。多行的文本输入控件。

cols属性：文本域的列数

rows属性：文本域的行数

按钮标签：

<button type="button|reset|submit"> 按钮标签一般很少使用，提供“普通|重置|提交”功能，不同的浏览器默认值不同。

div

div就是html一个普通标签，进行区域划分。特性：独自占一行。独自不能实现复杂效果。必须结合CSS样式进行渲染。

div通常其是块级元素

这篇关于html标签大全的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！