本文介绍了HTML入门的基础知识，包括DOCTYPE声明、语言声明、字符编码、各种HTML标签（如标题、段落、文本格式化、div和span、图像、超链接、表格、列表、表单元素等）的用法，适合初学者了解HTML基础结构和元素应用。
看劈里啪啦网课记的，极其简略
html学习
3.4 开头一些东西
1.<!DOCTYPE html> 文档类型声明标签，告诉浏览器这个页面采用html15版本来显示页面
2.<html lang ="en">告诉浏览器这是一个英文网站，本页面采取英文显示
3.<meta charset="UTF-8"/>必须写，采取UTF-8来保存文字，不写就会乱码
4.常用标签
4.2 标题标签
1.<h1>-<h6>一级标题到六级标题
如：<h1>一级标签</h1> 语法
4.3段落和换行标签
1.<p>123</p>段落标签
段落间有个缝隙
2. 换行标签 单标签 换行之间缝隙小
4.4文本格式化标签
文字设置粗体，斜体，下划线，就需要用文本格式化标签
1.<strong>或<b>加粗
<strong> 加粗了</strong>
2.<em>或<i>倾斜
<em> 倾斜了</em>
3.<del>或<s>删除线
<del> 删除了</del>
4<ins>或<u>下划线
<ins>下划线了</ins>
4.5div和span标签
1.<div>和<span>没有语义，只是用来装内容
2.div 用来布局，一行只能放一个--一个占一行，大盒子
3.span 用来布局，但是一行能有多个，小盒子。
4.6图像标签和路径
1.图像标签 <img>用于定义图像
如<img src=123.img/>
src 图片路径 是必须属性
2.图像标签还有
alt 替换文本 图像不能显示时出现文字
如<img src="123.img" alt="显示失败"/>
title 提示文本 鼠标放到图像上显示文字
<img src="123.img" title="显示成功"/>
width 设置图像宽度
height 设置图像高度
border设置图像边框粗细
3.注意：
src写最前面 其它写后面不分顺序
4.6图像路径
1.双击文件夹打开最外面一层见到的就是根目录
2.相对路径：图片相对于html文件的位置
同一级：符号不用加 如<img src="123.img"/>
上一级：符号 / 如<img src="images/123.img"/>
下一级：符号../ 如<img src="../123.img"/>
3.绝对路径：电脑盘里的位置 或网络上的位置
4.7超链接标签
1.例子：<a herf="跳转目标123.com" target="目标窗口的弹出方式">名字</a>
2.外部链接地址以http:// 开头
3.target 有self和_blank
_self为默认，当前窗口打开页面
_blank为新窗口打开页面
4.内部链接可以直接写网页名称如
<a herf="disign.html" target="目标窗口的弹出方式">跳转</a>
5.空链接：#
6：下载链接：herf后为xxx.zip，就会自动下载压缩包
7.图片链接：点击图片跳转网页
如<a herf="跳转目标123.com" target="目标窗口的弹出方式"><img src="123.jpg"> </a>
8.锚点链接 点击定位到网页中某个位置
在链接文本的 href 属性中,设置属性值为 #名字的形式,如<a href="#4.7"> 4.7</a>
5.1注释
注释快捷键 ctrl+？/键
还有<!--123-->也是
5.2特殊字符
6.表格
6.1表格标签
表格用来展示数据
1.<table>是用于定义表格的标签
2.<tr>用于定义表格中的行，必须嵌套在<table>中
3.<td>用于定义表格中的单元格，必须嵌套在<tr>中
字母td指表格数据，即数据单元格的内容
4.<th>表头单元格标签，其中的字会加粗居中显示
5.<thead>表格头部部分，内部必须有<tr>标签
6.<tbody>表格主体部分
6.2合并单元格
1.跨行合并：rowspan=“个数” 最上侧为目标单元格
2.跨列合并：colspan=“个数” 最左侧为目标单元格
如<td colspan="2"></td>
7.列表标签
列表分为三大类：无序列表，有序列表，自定义列表
7.1无序列表
1.<ul>表示无序列表，其中，列表项使用<li>定义
如：<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li></ul>
注意
1.无序列表中各个列表项没有顺序，是并列的
2.<ul></ul>中只能嵌套<li>
3.<li></li>之间相当于一个容器
4.样式属性会用CSS来设置
7.2有序列表
1.<ol>用于定义有序列表，列表项用<li>定义
如：<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li></ol>
7.3自定义列表
自定义列表常用于对术语或名词进行解释或描述，定义的列表项前没有任何项目符号。
1.<dl>用于定义描述列表，会与<dt>和<dd>一起使用
2.<dt>定义项目或名字
3.<dd>描述每个项目或名字
如：<dl>
<dt>名词1</dt>
<dd>名词1解释1<dd>
<dd>名词1解释2<dd></dl>
8.表单
表单用于收集信息
由表单域、表单控件、提示信息三部分组成
8.1表单域
1.<form>用于定义表单域
如<form action="url地址" method="提交方式" name="表单域名称"></form>
8.2表单控件（表单元素）
1.input输入表单元素<input>
如<input type="text">
2.type的属性如下，常用有：
text（普通文本）
password（密码）
radio(单选)
checkbox（多选）
submit（提交按钮 表单内容提交到后台）
reset（清空表单）
button（普通按钮 不提交数据 后期结合js搭配使用）
file（上传文件）
3.name值
如<input type="radio" name="username">
单选按钮和复选框必须有相同的名字才能实现多选一
4.value值
value规定input元素的值，可以使一些表单元素默认显示一些文字，主要给后台人员使用
5.checked值
用于规定input默认的选中项
如 play<input type="radio" name="play" checked="checked">
就会默认勾选”play“项
6.maxlength值
规定输入字段的字符的最大长度
8.3 lable标签
1.<lable>标签为input元素定义标注
2.绑定一个表单元素，当鼠标点击<lable>标签内的文本，浏览器就会当你点了相应的文本框或者选项按钮
如<lable for="sex">男</lable>
<input type="radio" name="sex" id="sex"/>
lable要对应一个id属性
###
8.4 select表单元素
用<select>定义下拉列表
如<select>
<option>选项1</option>
<option>选项2</option>
<option selected="selected">选项3</option>
</select>
select至少包含一堆option
定义<option selected="selected">时，所选为默认
8.5 textarea表单元素
当输入内容较多时，就不能用文本框表单了
这时候可以用<textarea>,可以定义多行文本输入，常用于留言板
如<textarea></textarea>
扫一扫
3990
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
