HTML常用标签汇总、CSS常用属性汇总

标签名 属性 及其取值 作用 单词意思
<a>
href:超链接url地址

target:_blank(规定页面在新窗口打开)

_self(规定页面在本窗口打开)

_top(使文档载入包含此链接的窗口)

_parent(使文档载入父窗口或者包含来链接引用的框架的框架集)

插入超链接
超链接

<base>
href: 链接规定默认地址

target: 页面打开方式,取值同<a>的target

规定页面上的所有链接规定默认地址或默认目标。 基础
<b>   加粗文本 加粗
<br>   换行 换行
<button>   规定一个按钮 按钮
<caption>
align: 设置文本居中方式

left: 左对齐

right: 右对齐

center: 居中对齐

定义表格标题 标题
<center>   对其所包括的文本进行水平居中 居中
<div>
可用CSS对其进行样式的修饰

id:规定该div的id名

class:规定该div的class类名

可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联 分开、划分
<dl>   定义了定义列表(definition list) 定义表
<dt>   定义了定义列表中的项目(即术语部分) 定义项目
<dd>   与<dt>配套使用,套在<dt>内 项目
<fieldset> <legend>为 fieldset 元素定义标题 将表单内的相关元素分组 元素
<form>
method: (get/post)规定用于发送 form-data 的 HTTP 方法

action: 规定当提交表单时向何处发送表单数据


用于为用户输入创建 HTML 表单

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据

形状,形式; 外形; 方式; 表格

<h1>~<h6>

  定义标题,<h1>是最大的标题,<h6>是最小的标题 标题
<header>   定义文档的页眉(介绍信息) (计算机打印时自动加在各页顶端的)标头
<hr>    在 HTML 页面中创建一条水平线  
<img>
src: 图片的url地址

alt: 规定图像的替代文本

向网页中嵌入一幅图像 图片,image的缩写
<input> 
type:text(文本输入框) password(密码输入框) radio(单选按钮) checkbox(复选框)button(自定义按钮) reset(重置按钮) submit(提交按钮) file(文件)

name:


用于搜集用户信息

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等

输入
<label>
for: id  规定 label 绑定到哪个表单元素

form:  formid  规定 label 字段所属的一个或多个表单

为 input 元素定义标注(标记) 标签; 称标记,符号
<legend >   为 fieldset 元素定义标题(caption) 图例
<li>    定义列表项目,与无序(有序)列表标签配套使用  
<link> 
href: 链接外部资源的url地址

type:链接到文件类型

rel: stylesheet  规定当前文档与被链接文档之间的关系

链接样式表 链接
<ol>   定义有序列表 order list(有序列表)
<optgroup>   
定义选项组

optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易


option group

选项组

<option>   定义下拉列表中的一个选项(一个条目) 选项
<p>    定义段落 paragraph的缩写,段落
<select>   可创建单选或多选菜单,与option标签配套使用 选项
<span>    用来组合文档中的行内元素(内联标签)  
<table> 
border: 规定边框权重

cellpadding:规定单元边沿与其内容之间的空白

cellspacing:规定单元格之间的空白

bgcolor:规定表格的背景颜色

定义 HTML 表格 表格
<tbody>   用于组合 HTML 表格的主体内容,tbody 元素应该与 thead 和 tfoot 元素结合起来使用 tablebody
<td>   定义 HTML 表格中的标准单元格  
<tr>   定义 HTML 表格中的标准行  
<th>  
表格内的表头单元格

th 元素内部的文本通常会呈现为居中的粗体文本

tablehead
<thead>  <thead> 标签仅得到所有主流浏览器的部分支持
定义表格的表头,该标签用于组合 HTML 表格的表头内容;thead 元素应该与 tbody 和 tfoot 元素结合起来使用

tablehead
<tfoot>   定义表格的页脚(脚注或表注) tfoot 元素应该与 thead 和 tbody 元素结合起来使用
<th>    定义表格内的表头单元格 th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本
<title>   <title> 元素可定义文档的标题 标题

CSS常用属性汇总

原文地址:https://www.cnblogs.com/ince/p/10097070.html

时间: 2024-10-12 01:55:03

HTML常用标签汇总、CSS常用属性汇总的相关文章

HTML常用标签及css常用属性

HTML hyper text mark up language 扩展名是.html title : 标题标签body : 内容标签 h1 - h6 : 标题标签 自h1 到 h6 从大到小 加粗有自己的间距 p : 段落标签 字符实体 :   空格 > 大于 &lt: 小于 br : 换行 规范写法 <br /> div : 块标签 ,表示一块内容 并没有语义 span : 行便签 , 表示一行中的内容 这两个的作用为设置样式的时候使用 行内元素 ,语义标签em : 语气强调词

HTML常用标签及CSS样式选择器

HTML常用标签及CSS样式选择器 html部分 <!DOCTYPE html> <html> <head> <!--头标记 写描述性的信息(css\javaScript)--> <!--引入外部的样式文件 rel:relationship的英文缩写·REL属性用于定义链接的文件和HTML文档之间的关系 --> <link rel="stylesheet" type="text/css" href=&

Html标签的css默认属性值

HTML标签CSS默认属性值大全 如果设置了 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了. 除了inline和block的定义,主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size). html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3

HTML常用标签及其对应的属性【一】

基本结构标签: <HTML>,表示该文件为HTML文件<HEAD>,包含文件的标题,使用的脚本,样式定义等<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中</HEAD>,<HEAD>的结束标志<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.</BODY>,<BODY>的结束标志</HTML>,<HTML>的结束标志 其

运用html常用标签和css定位等学做模仿百度导航页面

导航部分文字链接,鼠标触碰变颜色,除百度logo引用图片外,其它均代码编写.注释部分是一开始用的百度一下截图做的按钮,后来用div填充颜色写了一个按钮.效果图如下. HTML代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>百度一下,你就知道</title> 6 <link href="css/ho

CSS常用标签-手打抄录-感谢原未知博主-拜谢了

CSS常用标签 CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:b

Struts2常用标签(转载)--【SSH】

出处:Struts2常用标签总结 Struts2常用标签总结 一 介绍 1.Struts2的作用 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的代码复用.Struts2允许在页面中使用自定义组件,这完全能满足项目中页面显示复杂,多变的需求. Struts2的标签库有一个巨大的改进之处,struts2标签库的标签不依赖于任何表现层技术,也就是说strtus2提供了大部分标签,可以在各种表现技术中使用.包括最常

HTML常用标签整理

HTML常用标签整理 HTML常用标签整理 HTML转义字符 HTML中注释 元素类型 文本样式相关标签 分区元素 在页面中显示图片 web开发用到的图片格式 像素 链接元素 表格元素 列表元素 表单元素 form的作用 表单使用 富文本输入框可选的第三方工具 表单实现上传图片或者文件 表单实现编号 为控件分组 wireshark抓包工具 按钮元素 iframe标签 details和summary集合的效果 最后几个 参考资料 HTML转义字符 常用转义字符: < < > > 空格

css常用标签及属性

css样式表常用的形式有三种,一.行内样式表.二.内部样式表.三.外部样式表 一. <p style="color:red;">nice to meet you</p> 二. 在head中写入 <style type="text/css"> p{ color:red; } .myclass{ color:blue; font-size:2em; } #idname{ color:red; } </style> 三.外部