这篇博客详细介绍了HTML的基础知识，包括列表标签的三种类型：无序列表、有序列表和自定义列表，以及表单元素的使用，如文本框、密码框、提交和重置按钮、单选和多选按钮、文件选择框、下拉列表以及textarea和隐藏域。此外，还讨论了表单数据的提交方式和相关属性的用途。
## HTML基础知识
**1.1 web基本概念**
www
Website
URL
浏览器
服务器
**1.2标记语言**
用各种标记表示数据及其相关信息的语言
<p align="center">Web前端开发课程</p>
标签的形式如下：
<标签名></标签名>
我们要学的HTML（HyperText Marked Language）也是一种标记语言。
超文本：不仅仅能表示文本信息，还能表示音视频、格式等等信息。
**1.3 HTML基本结构**
!DOCTYPE html>
<html>
<!-- head部分主要做一些设置工作，比如字符集、标题等-->
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<!--文档的主体部分，呈现给用户的信息都在此-->
<body>
带你出师，闯荡江湖！
</body>
</html>
<html>：是整个文档的根节点，它包含两个子节点：
<head>：主要描述文档的设置信息，比如字符集、标题等
<body>：是文档的主体部分，需要呈现的内容都安排在其中。
## **基础标签**
**2.1 标题标签**
标题（header）标签用于显示页面的标题信息,既包含了格式信息，
同时提供了语义信息
<h1>-<h6>
**2.2 段落标签**
段落（paragraph）标签标示页面的一个段落,自动换行。
<h3>登鹳雀楼</h3>
<p>白日依山尽，</p>
<p>黄河入海流；</p>
<p>欲穷千里目，</p>
<p>更上一城楼。</p>
**2.3 链接标签**
链接标签<a>的作用是跳转，包括页间跳转和页内跳转。
(1)页间跳转
```html
<a href="http://www.runoob.com" target="_blank" title="我真的很菜！">菜鸟网</a>
href属性指定链接的目标URL地址
target属性指定打开目标页面的方式，其取值包括
_self:在当前页面中打开，默认；
_blank:在新的页面中打开；
_parent:……
_top:……
title属性指定提示信息
（2）页内的跳转
在目标标签处指定id="……"，在链接处指定href="#……"
id属性是页面元素的唯一标识
“锚点”：anchor
**2.4 图片标签<img>**
在网页中嵌入图片
src属性：source，图片资源的URL地址，可以是本地的，也可以是远程的。
alt属性：alternative（可替代的），即当资源不存在时，替代显示的文字内容。
路径：
相对路径
绝对路径
"…"表示上一级目录
"."表示当前目录
在同一级目录：
```css
```html
<img src="p1.jpg">
在上一级目录：
```html
<img src="../p1.jpg">
在下一级目录：
<img src="pic/p1.jpg">
3 列表标签
先看看word之中的列表
江西
河南
浙江
江苏
序列列表
1. 牛奶
2. 面包
3. 包子
4. 咖啡
3.1无序列表
<ul>：unordered list，定义一个无序列表
<li>：list item，定义一个列表项
type属性指定无序列表的符号，取值有：
disc：实心的圆点，默认值；
circle：空心的圆圈；
square：实心的正方形。
<ul type="disc">
<li>浙江</li>
<li>江苏</li>
<li>江西</li>
<li>河南</li>
</ul>
3.2 有序列表
<ol>ordered list,有序列表，即列表项带有序号。
type属性指定序号的类型，其取值：
1：序号为1.2.3.4……，默认值；
A：序号为A.B.C.D……；
a：序号为a.b.c.d……；
I：序号为I.II.III.IV……；
i:序号为i.ii.iii.iv.
start属性指定从第几个开始，当取值为0或负数时……
3.3 自定义列表
<dl>defined list 定义一个自定义列表
<dt>defined title 列表项的标题
<dd>defined description 列表项的描述
<dl>
<h3>中国各省份介绍</h3>
<dt
最低0.47元/天 解锁文章
扫一扫
563
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
