HTML（一）

本章主要内容

什么是HTML
html的基本结构
标签
列表标签
定义列表
图像标签
超链接标签
修饰标签
特殊符号

一、什么是HTML

HTML是用来描述网页的一种语言。
HTML 指的是超文本标记语言（Hyper Text Markup Language）
HTML 不是一种编程语言，而是一种标记语言（markup language）
标记语言是一套标记标签（markup tag）
HTML 使用标记标签来描述网页

二、基本结构

　　由 html head body 三部分组成

<!DOCTYPE html>  <!-- 声明是html格式 -->
<html>         
<head>  
	<title>hello</title>    <!-- 页面的标签-->
	<meta charset="utf-8">  <!-- 中文防止乱码 -->
</head>
<body>     <!-- 页面的内容 -->
	<p>hello,你好。</p>
</body>
</html>

三、简单的标签

	<h1>Hello</h1>       <!-- 标题标签 -->
	<p>hello,你好。</p>   <!-- 段落标签 -->
	<pre></pre>	     <!-- 保持文本格式 -->		
	<br/>		     <!-- 换行 -->
	<hr/>		     <!-- 水平线 -->

四、列表标签

无序列表

　　　　type='disc'('square'、'circle')，分别对应圆点、方块、空心圆；

	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>

有序列表

　　　　type='1' ('a'、'A'、'i'、'I')

	<ol>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ol>

五、定义列表　　

	<dl>
		<dt>支付方式</dt>
		<dd>货到付款</dd>
		<dd>在线支付</dd>
		<dd>分期付款</dd>
	</dl>

六、图像标签

<img src="url" alt="图片提示文字" height="50" width="50">

七、超链接标签

超链接

<a href="https://www.baidu.com/"></a>

　不会跳转但会保留超连接的其他属性

<a href="#"></a>

属性	内容	解释
href	连接的地址	大苏打
target	打开的方式	_self、_blank、_top、_parent
title	连接的提示	鼠标放在连接上会有提示
name	指定自己的锚名	发辫其他a标签跳过来

　　　　...

下载

　　　　一般的文件都是rar格式

邮箱

<a href="mail:邮箱地址"></a>

八、修饰标签

<i>斜体</i><em>斜体</em>
<b>加粗</b><strong>加粗</strong>
<sub>下标</sub>
<sup>上标</sup>
<ins>下划线</ins>
<del>删除线</del>

九、特殊符号

<	<
>	>
®	®
©	©
™	TEL
	space