html基础总结

最新推荐文章于 2023-07-28 17:44:43 发布

原创最新推荐文章于 2023-07-28 17:44:43 发布 · 438 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML与CSS的基础知识，包括常用标签如段落、标题、列表等，以及如何定义文档样式信息、创建表单等内容。此外还涉及了表单元素、文本样式设置和布局控制等关键知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标签：

定义注释（快捷键：ctrl+/ ）

<a href=“ ”></a> 超链接（相对链接：../CSS/ 绝对链接： http:// ）

<b></a>定义粗体字

<blockquote></blockquote> 定义长的引用

<br /> 换行

<div></div> 定义块级元素

<fieldset> 定义围绕表单中元素的边框

<legend></legend> 定义fieldset元素的标题

</lieldsrt>

<h1></h1>to<h6></h6> 定义HTML的标题

<form action=“#” method=“get/post”></form> 定义供用户输入的HTML表单

<hr /> 定义水平线

<i></i> 定义斜体字

<img src="../img/" /> 定义图像

<input type=" " value" "> 定义输入控件

type="checkbox 复选框"

“password 密码输入框”

“radio 单选框”

“reset 重置按钮”

“sumbit 提交按钮”

“text 文本输入框”

<label></label> 定义input元素的标注

<ol> 定义有序列表

<li></li> 定义列表选项

</ol>

<p></p> 定义段落

<select> 定义选择列表

<option></option> 定义选择列表中的选项

<small></small> 定义小号文本

<span></span> 定义文档中的节

<table> 定义表格

<tr> 定义表格中的行

<th></th> 定义表格中的表头单元格

<td></td> 定义表格中的单元

</tr>

</table>

<thead></thead>定义表格中的表头内容

<tbody></tbody>定义表格中的主体内容

<tfoot></tfood>定义表格中的表注内容（脚注）

<ul> 定义无序列表

<li></li> 定义列表项目

</ul>

<textarea rows=" " cols=" " /> 定义多行的文本输入控件

<dl> 定义定义列表

<dt></dt> 定义定义列表中的项目

<dd></dd> 定义定义列表中项目的描述

</dl>

<command></command> 定义命令按钮（IE9支持，其余均不支持）

<param></param> 定义对象的参数

</object>

<mark></mark>带有记号的文本

<u></u> 定义加下划线的文本（不建议使用）

<s></s> 定义加删除线的文本（不建议使用）

元素：

width 宽

height 高

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

cellspacing 规定单元之间的空白

color 颜色

id 规定元素内容的唯一id

padding 内边距

border 边框

margin 外边距

background 背景

size 尺寸大小

font 设置或返回文本内容的当前字体属性

textAlign 设置或返回文本内容的当前对齐方式

float 浮动

class 规定元素的一个或多个类名

font-famil 规定字体系列

caption 使用标题控件的字体（比如按钮、下拉列表框等）

textAlign start 文本在指定的位置开始

end 文本在指定的位置结束

center 文本的中心被放置在置顶的位置

left 文本左对齐

right 文本右对齐

font-style normal 规定字体样式

italic

oblique

font-variant normal 规定字体变体

small-caps

font-weight normal 规定字体的粗细

bold

bolder

lighter

100-900

font-size/line-height 规定字号和行高，以像素计

font-famil 规定字体系列

控制器：

控制器例子

.class .intro 选择class=“intro”的所有元素

#id #firstname 选择id=“firstname”的所有元素

*（通配符选择器） * 选择所有元素

element p 选择所有<p>元素

element,element div,p 选择所有<div>元素和所有<p>元素

element element div p 选择所有<div>元素内部的所有<p>元素

element>element div>p 选择父元素为<div>元素的所有<p>元素

element+element div+p 选择紧接在<div>元素之后的所有<p>元素

CSS：

position:relative 相对定位

absolute 绝对定位

float:left 向左浮动

right 向右浮动

clear:both 清除全部的浮动效果

left 清除向左的浮动效果

right 清除向右的浮动效果