HTML基本结构:
常用标签:
- 标题标签:
<h1>-<h6>
- 段落标签:
<p></p>
- 换行标签:
<br />
- 文本格式化标签:
加粗:<strong></strong>
或<b></b>
斜体:<em></em>
或<i></i>
删除线:<del></del>
或<s></s>
下划线:<ins></ins>
或<u></u>
- 块元素:
<div></div>
- 行内块元素:
<span></span>
图像标签和路径:
<img src="图像url" />
src 图片路径
- 相对路径:
- 绝对路径:
本地:E:\html\image\img.jpg
网络:https://www.yuaq.cn/admin/img/bg.jpg
- 相对路径:
- alt 图像不能显示时显示文本
- title 鼠标悬停提示文字
- width 图像宽度
- height 图像高度
- border 图像边框粗细
- 超文本链接标签:
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
表格标签:
<table></table>
:定义表格<thead></thead>
:表格的头部区域<tbody></tbody>
:表格的主体区域<tr></tr>
:定义表格中的行,嵌套在<table></table>
标签里<td></td>
:定义表格中的单元格,嵌套在<tr></tr>
标签里<th></th>
:表头单元格标签,一般位于表格第一行或第一列,里面文本加粗居中显示合并单元格:
- rowsapn="合并单元格个数":跨行合并
- colspan="合并单元格个数":跨列合并
表格属性:
列表标签:
无序列表:
<ul>
<li></li>
<li></li>
<li></li>
...
</ul>
有序列表:
<ol>
<li></li>
<li></li>
<li></li>
...
</ol>
自定义列表:
<dl>
<dt>项目/名词</dt>
<dd>解释1</dd>
<dd>解释2</dd>
</dl>
**表单标签:
一、表单域:<form>
用于定义表单域**
<form action="url地址" method="提交方式" name="表单名字">
各种表单控件
</form>
常用属性:
二、表单控件:
- `<input>`表单元素:单选、多选、输入...
<input type="属性值"/>
type属性:
其它常用属性:
<select>
表单元素:下拉框<select> <option selected="selected">北京</option> <option>天津</option> <option>江苏</option> ... </select>
<textarea>
表单元素:文本域<textarea row="显示行数" cols="每行字符数"> 文本内容 </textarea>
注释:
- 以 "< !--" 开头 以 "-->" 结尾
- < !-- 注释语句 -->
- 快捷键 Ctrl + /
特殊字符:https://www.cnblogs.com/xcsn/p/3559624.html
1 条评论
若能结合热点事件分析,会更富时代性。