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

本文详细介绍了HTML和CSS的基本标签和属性,包括超链接、段落、标题、表格等HTML标签,以及背景、边框、阴影等CSS属性,是初学者掌握网页布局和样式设计的实用指南。

  HTML标签汇总

标签名属性 及其取值作用单词意思是否记住
<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 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menustextareafieldsetlegend 和 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常用属性汇总

属性取值及其意思作用单词意思是否记住
background取值为颜色值,或是背景图片url在一个声明中设置所有的背景属性背景
background-color取值为颜色值设置元素的背景颜色背景颜色
background-image取值为图片的url地址设置元素的背景图像背景图片
background-position取值有四个,即上右下左方向值,也可取两个值设置背景图像的开始位置背景位置
background-repeat

no-repeat:不重复背景

repeat:重复背景

设置是否及如何重复背景图像背景重复
background-size 规定背景图片的尺寸背景大小
border 设置所有的边框属性边框
border-color颜色值设置四条边框的颜色边框颜色
outline 在一个声明中设置所有的轮廓属性轮廓
box-shadow 向方框添加一个或多个阴影盒子阴影
     

 

转载于:https://my.oschina.net/u/3598778/blog/1377317

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值