导图社区 HTML
HTML(HyperText Markup Language)即超文本标记语言,是用于创建网页和网页应用的标准标记语言。它不是一种编程语言,而是一种描述性的标记语言,用于描述网页的结构和内容。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
HTML
语法规范
超文本标记语言
遵循Wed标准
结构(html)
表现(css)
行为(js)
标签
类型
双标签
单标签
关系
包含关系
并列关系
开发工具
Visual Studio Code
扩展
Chinese Simplified(汉化)
Auto Rename Tag(同步)
One park Pro(颜色主题)
Open in Browser(预览)
Live Server(实时预览)
vscode-icons(图标)
Easy LESS(预处理语言)
会了吧(翻译)
快捷键
Ctrl+/(注释)
基本骨架
<html> <head> <title>标题</title> </head> <body> 主体内容 </body> </html>
头部
<!DOCTYPE html>(文档类型声明)
<html lang="zh-ch">(定义语言)
<meta charset="UTF-8">(字符格式)
<title>标题</title>
常用
<h1>文本标题</h6>
<p>段落</p>
<br/>换行
<hr/>水平线
<strong>加粗</strong>
<em>倾斜</em>
<del>删除线</del>
<ins>下划线</ins>
<div>块级盒子</div>
<span>内联盒子</span>
<img src="图像路径" alt="替换文本" title="提示文本" width="宽" height="高">
下级路径:/
上级路径:../
<a href="跳转目标" target="跳转方式">文本或图像</a>
跳转目标
本地路径
#(回到顶部)
超链接
锚点定位(#ID)
跳转方式
_self(默认)
_blank(新窗口)
<!-- 注释 -->
特殊字符&
表格
<table> <thead> <tr> <th>表头单元格</th> </tr> </thead> <tbody> <tr> <td>普通单元格</td> </tr> </tbody> </table>
<table>属性
align="对齐方式"
border="边框"
cellpadding="内边距"
cellspacing="外边距"
width="宽"
height="高"
单元格属性
rowspan="跨行合并"
colspan="跨列合并"
列表
无序列表
<ul> <li>无序</li> </ul>
有序列表
<ol> <li>有序</li> </ol>
自定义列表
<dl> <dt>列头</dt> <dd>列身</dd> </dl>
表单
<form>表单域</form>
属性
action="url地址"
method="提交方式"
get
post
name="表单域名称"
<label>绑定表单</label>
for="ID值"
<input>(输入表单)
type="类型"
text(文本框)
password(密码框)
radio(单选框)
checkbox(多选框)
submit(提交按钮)
button(普通按钮)
reset(重置按钮)
file(上传文件)
name="自定义名称"
value="自定义值"
checked="checked"(选框默认勾选)
maxlength="文本框可输入字数长度"
<select>下拉表单</select>
<option>选项</option>
selected="selected"(默认选项)
<textarea>文本域</textarea>
cols="每行字数"
rows="行数"
其他