导图社区 1.HTML

1.HTML

这是一个关于1.HTML的思维导图，主要内容有：快捷键、HTML骨架、标签（相对路径和绝对路径、锚点<a></a>、列表、表格table、表单form。

编辑于2022-06-18 07:36:46

桃花岛岛主

他的近期作品查看更多>>

1.HTML

社区模板帮助中心，点此进入>>

桃花岛岛主

他的近期作品查看更多>>

相似推荐
大纲

英语词性
- 58.4k
- 6.4k
- 2.4k
- 581
Ethan
互联网9大思维
- 34.4k
- 937
- 2.4k
- 394
MindMaster
组织架构-单商户商城webAPP 思维导图。
- 14.8k
- 3
- 185
- 9
Kacyun
法理
- 25.2k
- 65
- 371
- 52
Dasein
刑法总则
- 34.2k
- 147
- 958
- 158
Dasein
【华政插班生】文学常识-先秦
- 1.3k
- 4
- 70
- 2
Dasein
【华政插班生】文学常识-秦汉
- 846
- 0
- 54
- 10
Dasein
文学常识：魏晋南北朝
- 2.3k
- 3
- 90
- 20
Dasein
【华政插班生】文学常识-隋唐五代
- 2.0k
- 8
- 98
- 6
Dasein
民法分论
- 6.0k
- 37
- 290
- 29
Dasein

HTML

快捷键

HTML骨架

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html>

<!DOCTYPE html> <!>：表示警示标签 <!DOCTYPE 超文本语言>

<head></head>：网页的配置

<body></body>：网页的正式内容，浏览可视区域

<html lang="en"> 英文 <html lang="zh-CN">中文 lang：整个网页的主体语言

<title>Document</title> title：浏览器选项卡折区域显示的文字

标签

注意： 1>标签名必须写在一对尖括号<>内部 2>标签分为单标签和双标签，双标签必须成对出现，有开始标签和结束标签 3>结束标签必须有关闭符号/ 4>根据标签内部存放的内容不同，将不同的标签划分为两个级别

p标签：段落换行

img标签 <img src="images/123456.jpg" alt="我是鸟巢" width="10px" title="鸟巢">

src：引入图片的路径

alt：图片加载不出来时候就替换文件

width：图片的宽度

height：图片的高度

title：鼠标移动到图片时候悬浮文本

border：图片添加边框

相对路径和绝对路径

相对路径

/：进入子文件夹 <img src="images/1.jpg" alt="">

../：进入上一级文件夹 <img src="../../1.jpg" alt="">

绝对路径

本地盘符绝对地址 <img src="C:/images/1.jpg" alt="">

网站绝对地址 <img src="网站地址" alt="">

锚点 <a></a>

<a href="http://www.baidu.com" target="_blank" title="鼠标移上的文字">跳转到百度</a>

href：跳转的地址

target：以什么方式打开地址

blank：新页面打开

title：悬浮文字

<a href="#aaa">基本信息<a> 空锚点定位 <a name="aaa"></a>

列表

无序列表：<ul><li><li></ul>

有充列表：<ol><li></li></ol>

定义列表：<dl><dt></dt><dd></dd></dl>

表格table

table：表格的结构

caption：表格的主题

tr：表格的行

th：表格的头部

td：表格的单元格

rowspan：上下跨行合并

colspan：左右跨列合并

表单 form

action：数据提交的位置

method：数据提交的方法，属性是post和get

input：标签类型

text：输入框

value：默认显示内容

placeholder：提示用户的文字占位符

password：密码框

radio：单选框

checkbox：复选框

textarea：多行文本

checked：默认被选择

label：扩大触发范围

例：<label> <input type="radio" name='sex' checked="checked">男 </label>

注释

语法

HTML布局常用标签

 空格 &lt:小于号 >大于号

跨度分割

div：分割跨度大

span：小区域小跨度