前端学习-HTML

最新推荐文章于 2023-03-30 21:09:09 发布

文艺青年o好像不是我

最新推荐文章于 2023-03-30 21:09:09 发布

阅读量115

点赞数

分类专栏：前端学习文章标签：前端学习

本文链接：https://blog.csdn.net/u013255127/article/details/101829696

版权

前端学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

什么是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>