HTML标签与CSS基础知识点详解

需积分: 0 201 浏览量更新于2024-08-05 收藏 18KB DOCX 举报

"HTML知识点笔记整理" HTML（HyperText Markup Language）是一种标记语言，用于创建网页结构和布局。以下是对HTML知识点的详细解析： 1. **标签**： - **单标签**：如`<br>`，只用一个标签表示。 - **双标签**：如`<p>`，需要开始和结束标签，属性通常在开始标签中设置。 2. **文档类型声明**： `<!DOCTYPE HTML>` 用于声明文档类型，告诉浏览器使用哪种HTML版本解析页面，此处声明为HTML5。 3. **字体标签**： - `<font>`：已废弃，但在旧代码中仍可见，`color`属性用于设置字体颜色。 - `<span>`：简单字体标签，常用于设置部分文本样式。 - `<strong>`：用于加粗文本。 - `<em>`：用于斜体显示文本。 4. **行内与块级标签**： - **行内标签**：如`<strong>`、`<em>`，内容在同一行显示，直到空间不足才换行。 - **块级标签**：如`<h1>`至`<h6>`、`<p>`，每个标签都会独占一行。 5. **其他常用标签**： - `<hr>`：创建水平线。 - `<img>`：插入图片，`src`属性指定图片URL，`height`设置高度，`alt`提供图片描述。 - `<a>`：超链接，`href`指定链接地址，`target`控制新开窗口或在原窗口打开，`#id`实现页面内部跳转，`mailto:`用于发送邮件。 6. **表格标签**： - `<table>`：创建表格，`border`设置边框，`align`定义对齐方式。 - `<tr>`：定义表格行。 - `<td>`：定义单元格，`rowspan`和`colspan`用于合并行或列。 - `<th>`：表头单元格，通常加粗并居中。 7. **用户输入标签**： - `<input>`：用户输入数据，`type`属性决定输入类型，如`text`、`password`、`radio`、`checkbox`等。`name`属性用于识别输入字段，`value`用于设置默认值。 8. **多媒体标签**： - `<video>`：用于嵌入视频，`controls`显示控制条，`autoplay`自动播放，`loop`循环播放。 9. **CSS层叠样式表**： - CSS由选择器和声明组成，如`.class {property: value;}`。 - 可以在`<style>`标签内、外部CSS文件或HTML元素的`style`属性中定义CSS。 HTML和CSS是构建网页的基础，通过合理组合这些标签和样式规则，可以创建出丰富多样的网页内容。理解并熟练掌握这些知识点对于前端开发至关重要。

HTML

一、标签

单标签：只有一个组成

双标签：由两个标签组成，一个开始一个结束，添加属性只能在开始标签内

<!DOCTYPE HTML> 第一行交声明，默认是 HTML5

<font>字体标签 color 修改字体颜色，支持英文，16 进制颜色拾取器

<span>简单的字体标签</span>

<strong>对文字进行加粗</strong>

行内标签：当展示内容占满一行才会换行

块级标签：默认占一行的标签

</br>换行标签

<h></h>标题标签 h1-h6

<p></p>段落标签

<hr>水平线

<img>图片标签，单标签

scr：图片的地址

height：高度，单位像素，px

alt：图片描述，图片不展示时出现

<a>超链接，锚链接，作用：页面的跳转，页面的定位，发邮件

href：地址

target=”_self”:当前浏览器窗口打开，_blacnk：在新窗口打开

页面定位：需要两个超链接配合使用，第一个 a 必须有个 id，描点，第二个 a 回到指点锚

点 href=”#id”

发邮件：href=”mailto:---”

table 表格标签

tr 行

td 单元格

border 表格边框

align 对齐方式

th 一般用于表头，默认加粗居中

background 表格背景图片

colspan 合并列

rowspan 合并行

<input>：用户输入一些文本信息，默认是 type=”text”

只要是用户手动输入的，都需要给一个属性值 name

只要不是用户手动输入的，单选，多选，下拉框，一定要 value 属性值

type=”password”密码框，输入的内容不可见

下载后可阅读完整内容，剩余4页未读，立即下载

All_thebest

粉丝: 0
资源: 1

HTML标签与CSS基础知识点详解

html知识点整理笔记

javascript学习笔记整理知识点整理

html + css 学习笔记整理.zip

python知识点笔记

信号与系统知识点笔记pdf

大学物理笔记整理手写pdf

系统分析师知识点笔记 yun.baidu

前端html5css3笔记整理下载

吉林大学计算机网络知识点整理和往年题.zip

java基础知识点笔记

最新资源