导图社区 HTHL
这是一篇关于HTHL的思维导图,包含border规定表格单元是否拥有边框,默认为"",示没有边框等内容。
这是一篇关于CSS的思维导图,包括:基础选择器、字体属性、文本属性、CSS引入方式、Emmet语法、CSS复合选择器、Chrome调试工具。
社区模板帮助中心,点此进入>>
互联网9大思维
安全教育的重要性
组织架构-单商户商城webAPP 思维导图。
个人日常活动安排思维导图
域控上线
西游记主要人物性格分析
17种头脑风暴法
python思维导图
css
CSS
HTML
常用标签
<h1~h6>标题标签
由1到6重要性逐级降低,字号也变小
<p></p>段落标签
分割段落
<br/>自动换行
换行标签,单标签
布局标签
<div></div>
一行放一个
<span></span>
一行上可以放多个
图像标签
<img>
其中可添加属性
src必须属性,图片路径
路径
图片相对于html页面所在的界面
在上层文件用../****
在下层文件用/****或者用完整全路径
或使用完整全路径
alt图片不能显示时出现的文本
titile鼠标放到图像上显示的文本
width图像的宽度
height图像的高度
border图像边框粗细
文本格式化标签
<strong></strong>或者<b></b>加粗
<em></em>或者<j></i>倾斜
<del></del>删除线
<ins></ins><u></u>下划线
超链接标签
<a href="转跳目标" target="目标窗口的弹出方式"文本或图像 ></ a>
href后面跟的是链接目标的地址,是必须属性
target的默认值为_self在当前窗口打开,blank为在新窗口中打开
外部链接,ahref中要写http://www这样的全地址
内部链接,直接写内部页面名称即可
空连接,没有确定链接目标,<ahref="#">首页</ a>即可
下载链接,href里面是一个文件或者压缩包
网页元素链接,在网页中的各种网页元素中添加超链接
可以是图片等等
表格标签,用于显示 展示数据
基本格式<table><tr><td>单元格内名字<td><tr><table>
<table></table>是用于定义表格的标签(即表格本身)
<tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中
<td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中(即单元格内容)
<th>
表头单元格标签
其中文本内容加粗显示
表格属性
align
规定表格相对周围元素的对齐方式
left 靠右
center 居中
right 靠右
border
规定表格单元是否拥有边框,默认为"",表示没有边框
1或""
cellpadding
规定单元边沿与其内容之间的空白,默认1像素
cellspacing
规定单元格之间的空白,默认2像素。
width
像素值或百分比 规定表格的宽度
表格结构标签
<thead>头部标签
内部包含<tr>
<tbody>主体标签
合并单元格
跨行合并:rowspan
最上侧单元格为目标单元格
跨列合并:colspan
最左侧单元格为目标单元格
列表标签
列表用于布局
无序列表
<ul><li>内容<li><ul>
有序列表
<ol><li>内容<li><ol>
自定义列表
<dl><dt><dd><dd><dt><dl>
<dl>定义描述列表
<dt>定义项目/名字
<dd>描述每一个项目/名字
表单
由表单域,表单控件和提示信息组成
表单域是包含表单元素的区域
格式 <form action="url地址”method="提交方式”name="表单域名称">各种表单元素控件</form>
input输入表单元素
<input type="属性值" />
type属性设置不同控件类型
button 定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)
checkbox 定义复选框。
file 定义输入字段和"浏览”按钮,供文件上传。
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段。该字段中的字符被掩码
radio 定义单选按钮
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为20个字符。
name 由用户自定义 定义input元素的名称
value 由用户自定义 规定input元素的值
name和value是每个表单元素都有的属性值主要给后台人员使用
name表单元素的名字要求单选按钮和复选框要有相同的name值
单选按钮和复选按钮可以设置checkend属性 当页面打开时默认选中这个按钮
maxlength规定输入字段中字符最大数
select下拉表单元素
<select> <option>选项一</option> <option>选项二</option> <select/>
selected="selected" 默认选项
textarea 文本域表单元素
用于定义多行文本输入
<textarea>文本内容</textarea>
label 元素定义标签
用于绑定一个表单元素,增加用户体验
<label for="自定义"></label> <input id="自定义" />
核心:for属性值和id中的属性值相同
主题
特殊字符代码
 
空格
<
大于号
>
小于号
&tmes
乘号
&devide
除号
基本标签结构
<html><html/>
跟标签
<head><head/>
头部标签
<body><body/>
包含元素所有内容
<title><title/>
文档标题