HTML基础知识点总结
HTML(Hypertext Markup Language)是一种用于创建网页的标记语言,是所有网页的基础。下面是对HTML基础知识点的总结。
HTML文档结构:
常见的HTML元素:
- `<html>`:定义HTML文档
- `<head>`:定义文档的头部区域,包含元数据(如标题、样式表、脚本等)
- `<body>`:定义文档的主体区域,包含可见的内容(如文本、图像、链接等)
-`<h1>`到`<h6>`:定义标题,数字越小,字体越大
-`<p>`:定义段落
- `<br>`:定义换行
- `<a>`:定义链接,使用`href`属性指定链接地址
- `<img>`:定义图像,使用`src`属性指定图像地址
- `<ul>`和`<li>`:定义无序列表
- `<ol>`和`<li>`:定义有序列表
- `<table>`、`<tr>`、`<td>`:定义表格及其行和单元格
HTML属性:
HTML元素可以有属性,属性为元素提供附加的信息。常见的属性有:
- `class`:为元素定义一个或多个类名,用于为元素指定样式
- `id`:为元素定义唯一的标识符,用于通过JavaScript或CSS选择元素
- `style`:为元素定义内联样式
- `src`:用于图像和脚本元素,指定资源的URL
- `href`:用于链接元素,指定链接的URL
- `alt`:用于图像元素,指定图像无法显示时的替代文本
HTML头部元素:
- `<title>`:定义文档的标题,显示在浏览器的标题栏或选项卡上
- `<meta>`:定义元数据,如字符集、关键字、描述等
- `<link>`:用于引入外部样式表和脚本文件
- `<style>`:用于嵌入CSS样式规则
HTML文本格式化:
-`<b>`:定义加粗文本
-`<i>`:定义斜体文本
-`<u>`:定义下划线文本
-`<s>`:定义删除线文本
- `<sub>`:定义下标文本
- `<sup>`:定义上标文本
HTML块级元素和内联元素:
- 块级元素在浏览器显示时通常会以新行开始和结束,并占据可用空间的整个宽度,如`<div>`、`<p>`、`<h1>`等
- 内联元素不会导致新行的开始和结束,只占据它所需的宽度,如`<span>`、`<a>`、`<strong>`等
HTML注释:
HTML注释用于向开发人员添加注释,而不会在浏览器中显示,可以用来记录代码的作用或使用方法。注释用``结束,如``。
HTML链接和锚点:
- 使用`<a>`元素创建链接,使用`href`属性指定链接的URL
- 使用`<a>`元素与`name`属性创建锚点,实现页面内跳转
HTML图像:
- 使用`<img>`元素插入图像,使用`src`属性指定图像的URL
- 使用`alt`属性指定图像无法显示时的替代文本
HTML列表:
- 使用`<ul>`和`<li>`元素创建无序列表
文本文档变成html网页- 使用`<ol>`和`<li>`元素创建有序列表
HTML表格:
- 使用`<table>`、`<tr>`和`<td>`元素创建表格及其行和单元格
- 使用`<th>`元素定义表头单元格
HTML表单:
- 使用`<form>`元素创建表单
- 使用`<input>`元素创建输入字段,如文本框、单选框、复选框等
- 使用`<textarea>`元素创建多行文本框
- 使用`<select>`和`<option>`元素创建下拉列表
以上是HTML的一些基础知识点的总结。HTML是前端开发的重要基础,掌握好这些知识点将有助于编写高质量的网页。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论