前端学习-HTML
程序员文章站
2022-05-02 22:13:47
...
什么是HTML?
超文本标记语言(HyperText Markup Language, 简称: HTML)是一种用于创建网页的标准标记语言.
HTML的基本格式中,有两点需要注意:
- DOCTYPE
DOCTYPE声明了该文档的类型,HTML中为<!DOCTYPE html>. - meta标签
meta标签可以声明文档的编码形式,比如<meta charset="utf-8"/>,常用的为utf-8, gb2312等.
基础
列表标签
- 无序列表
<ul>
<li>子项</li>
</ul>
ul的type属性可以定义列表图案: disc(默认): 圆点, square: 方块; circle: 空心圆
- 有序列表
<ol>
<li>子项</li>
</ol>
ol的type属性定义有序的图案: 1(默认): 数字; a: 小写字母; A: 大写字母; i: 小写罗马数字; I: 大写罗马数字
- 定义列表
<dl>
<dt>定义列表项目</dt>
<dd>定义列表项目描述</dd>
</dl>
dt和dd是同级标签
图片标签
显示一个本地图片或者网络图片.
<img src="图片路径" alt="图像替代文字"/>
超链接标签
超链接用于跳转其他链接或者其他页面.
<a href="链接地址" target="_blank" title="提示文字" name="名称"> 链接 </a>
锚链接
锚链接可以用于页面定位等功能.
<a href="(xx.html)#锚点名称"> 点这里 </a>
<a name="锚点名称"> 到这里 </a>
锚链接可以页内跳转, 也可以打开其他页后跳转
表格
表格用于展示一些制表内容.
<table>
<caption> 表格标题 </caption>
<tr> <!--表格行-->
<th> 表格头 </th>
</tr>
<tr>
<td> 表格子项 </td>
</tr>
</table>
colspan: 合并列 rowspan: 合并行
表单
表单的作用在于进行数据提交时,比如登录页面.
<form action="提交的地址" method="提交方式(get/post)" target="跳转方式" enctype="提交数据的编码格式">
<input type="text, radio, checkbox, file, password, button, submit, reset" placeholder="提示文字" value="内容" name="名称" checked(这个是checkbox,radio才使用)/>
<select name="名称" multipe="多选" size="长度">
<optgroup> <!--组头描述,可不要-->
<option selected> 子项 </option>
</optgroup>
</select>
<textarea> <!--多行文本-->
</form>
注: 个人学习笔记, 有错误地方, 请指点一下. 谢谢!
上一篇： es6基础
下一篇： 前端学习笔记_至今的学习总结