导图社区 html笔记 含html查找代码的非上网应用
html（基础 非css） ，包含表格标签、列表标签、表单标签、html常用标签等。w3cs非上网查找功能在最下方。
高中地理必修一1.1地球的宇宙环境导图，自然天体：恒星、星云、行星、卫星、彗星、流星体等；人造天体：人造卫星、航天飞船等；（飞往大气层以外的才称作天体）。
高中必修一生物 第一单元走进细胞，细胞是生物体结构和功能的基本单位，生命活动是建立在细胞的基础上的，无细胞结构的病毒必需寄生在活细胞中才能生存。
社区模板帮助中心，点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
html（基础 非css）
基础
开头写什么？
<!DOCTYPE html>
标记为html
lang 什么语言的网站
格式： <html lang="zh-cn"></html>
en 英文
zh-ch 中文
其他 eg：法文
html常用标签
标题
<h1>~<h6> 双
六个等级 依据重要性递减1-6 变得更粗 更大 且独占一行 h=head
段落
<p></p> 双
将文本分成两段 浏览器大小影响单段换行
eg：<p>c</p> <p>sp</p> 显示为 c（下两行）sp
换行
<br /> 单
强换行 br=break
eg：<p>c<br />sp</p> 显示为 c（下一行）sp
文本格式化标签
加粗
<strong> 双 建议
<b> 双
倾斜
<em> 双 建议
<i> 双
删除线
<del> 双 建议
<s> 双
下划线
<ins> 双 建议
<u>双
盒子 装内容 用来布局
<div> 双
分割、分区
每行只能放一个div 大盒子
<span> 双
跨度 跨距
一行可以放多个 竖着分割
图像标签和路径
<img /> 单 image
在文件中将图片和html 放一起
其中属性可以”叠加“使用 eg:<img src="图像URT" alt="图片显示不出来时显示文本"/>
属性
<img src="图像URT"/>
src是必须的属性 是图片的路径
=" "里写文件名
<img alt="图片显示不出来时显示文本">
图片显示不出来时显示文本
=""里写文本
<img title="鼠标放在图像上 提示的文字">
鼠标放在图像上 提示的文字
<img width="500">
图像宽度修改
=""里写数字
如果不写height 视为等比缩放
<img height="500">
图像高度修改
如果不写width 视为等比缩放
<img border="15">
照片边框 黑色直角边（css学习时系统学习如何调整）
注意
图像标签可以有多个属性 必须写在标签名后面
属性之间不分先后 中间用空格隔开
采用键值对的格式 即key="value"，属性="属性值"
路径
基础知识
目录文件夹 普通文件夹，存放做页面需要的素材 如html文件、图片等
根目录 打开目录文件夹的第一层
软件可以直接打开目录文件夹及显示调用根目录
相对路径
以引用文件所在位置作为参考基础，而建立出的目录路径
图片相对于html页面的位置
同一级路径
直接写文件名
下一级路径 /
调用的下一级文件夹名/文件名
子主题
上一级路径 ../
../文件名
多层嵌套
eg: ../../文件名
绝对路径
目录下的绝对位置，直接到达目标位置，通常从盘符开始
C:\Users\PC\Desktop\html\文件名.gif 或完整的网络地址 https://newsandstory.com/stories/21062184742201828485/21062184742201828485.png
超链接标签
<a href="链接地址" target="目标窗口的打开方式"> 双
href
必须属性
链接地址
target
目标窗口的打开方式
_self 默认值
_blank 在新窗口打开
链接分类
外部链接
链接其他页面
内部链接
链接自己的页面 见图像标签和路径
空链接 < a href="#"> 首页 </a >
下载链接
如果 href 里面地址是一个文件或者压缩包，会下载这个文件
网页元素链接
在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接
锚点链接
点我们点击链接,可以快速定位到页面中的某个位置
在链接文本的 href 属性中，设置属性值为 #名字 的形式，如<a href="#two"> 第2集 </a>找到目标位置标签，里面添加一个 id 属性 = 刚才的名字 ，如：<h3 id="two">第2集介绍</h3>
注释
以 <!-- 开头 --> 结尾
快捷键 control + /（苹果电脑control=ctrl）
特殊字符
某些符号不方便直接使用时，以下列字符代替
表格标签
表格的基本语法
<table> 双
定义表格标签
<tr> 双
定义行标签
在<table>下一级
<td> 双
定义表格中的单元格
在<tr>下一级
<th> 双
表头单元格 文字加粗居中
表格的属性
写在table里
一般后期用css设置
align=""
属性值：
left 表格左对齐
center 表格居中对齐
right 表格右对齐
border=""
属性值
1 有边框
【空格】 无边框
cellpaddling=""
属性值：像素值
规定单元格沿与其内容之间的空白 默认1
cellspacing=""
规定单元格之间的空白 默认2
width=""
属性值：像素值或百分百
规定单元格宽度
height=""
规定单元格高度
表格结构属性
<thead>
表头部分
内部必须有<tr>
<tbody>
表格主体部分
合并单元格（简单的）
写在<td>里
跨行合并
rowspan="合并的个数"
竖着
写在最上侧的
跨列合并
colspan="合并的个数"
横着
写在最左侧的
列表标签
用来布局
无序列表
<ul><li></li><ul>
<ul>里只能嵌套<li>
<li>里面可以放其他
有自己的样式（css进行更改）
有序列表
<ol><li></li></ol>
<ol>里只能嵌套<li>
自定义列表
<dl><dt>项目名字</dt><dd>描述每一个项目</dd></dl>
<dl>限制包含
表单标签
收集信息
<form> 双
表单域
属性（后期学习）
action="url地址"
method="提交方式"
name="名字"
表单控件
元素
<input> 单
输入
type=""
name="自定义" 定义名字 值一样就能实现单选
value="自定义" 直接输入在框里/按钮的文字信息 点击类能让后台知道输入的东西
checked="checked" 当页面打开 默认选择了
maxlength="正整数" 输入的最大长度
<label for="自定义名字"><input id="相同的自定义名字"> 双
可以在点文本时选择input表单in项
<select> 双
下拉表单
<option>选项n<option>
定义选项
selecteg="selecteg" 当前option里包含的项目设定为默认值
<textarea> 双
文本域元素
在里面写可以写默认的文本
cols="每行写几个字"（不用记 通过css改）
rows="写几行"（不用记 通过css改）
查阅文档 ***
百度
http://www.baidu.com
W3C
http://www.w3school.com.cn/
如果上不了网（链接为作者电脑路径 没有的老师可以从此百度网盘中下载：链接：https://pan.baidu.com/s/1C63iXo-WHEfaX42jnkG7hQ?pwd=ws47 提取码：ws47 --来自百度网盘超级会员V1的分享）
MDN
https://developer.mozilla.org/zh-CH/
