HTML零基础入门

HTML语法基础:

**注意事项:
1.< !DOCTYPE html>必须放在文档的第一行。
2. < DOCTYPE>声明不是html标签。当出现中文乱码时，使用标签来解决。
3.图像标签中< img src="" alt=""/>src必写，它是属于单闭合开关。

常用的标签:

1. 标题标签：h1-h6
2. 段落标签：p
3. 换行标签：br 单闭合开关
4. 水平线标签：hr 水平分割线
5. 文字斜体：i em
6. 加粗： b strong
7. 下标：sub
8. 上标：sup

align属性–对齐方式的属性：

• left左对齐内容
• Right右对齐
• Center居中
• Justify对行进行伸展，这样使得每行都会有相等的长度

特殊符号：

1、& lt;<
2、& gt;>
3、& reg;已注册
4、& copy;©版权
5、& trade;TM商标
6、& nbsp;space空格

有序列表：ul

语法：ul type=" "
1,type属性：
2,disc圆点
3,Square正方形
4,Circle空心圆无序列表:

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

		 </ul>

无序列表ol

ol语法 ol type=" " type属性:
1.1数字123。。。。
2.a小写字母ab…
3.A大写的字母AB…
4.i小写罗马数字iiiiii
5.I大写的罗马数字IIIIII

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

定义列表：dl

语法: dl /dl
**说明：**1、定义标签内可以有多个dt
2、对于每一个dt可以有多个dd

<dl>
			<dt>
				<dd></dd>
				<dd></dd>
				<dd></dd>
			</dt>
			<dt>
				<dd></dd>
				<dd></dd>
				<dd></dd>
			</dt>
			<dt>
				<dd></dd>
				<dd></dd>
				<dd></dd>
			</dt>
		</dl>

图像和超链接

语法：<img src=” ” alt=” ”/>
img属性：

1. Src–url–显示图像的地址
2. Alt–文字–图像替代文本
3. Height–数值和百分比–图像的高
4. Width–数值和百分比–图像的高

Img下的src属性–设计到图像的路径问题：

1. 绝对路径–指的是具体盘符下的具体路径
2. 相对路径–指的是相对于当前文件的这个图片的路径
   (1)处于同一级目录中
   (2)图片处于文件的上一级
   (3)图片在img文件的下一级

		<!-- 处于同一级 -->
		<img src="图片名" alt="不好意思，加载错误">
		<!-- 处于文件的上一级 -->
		<img src="文件名/图片名" alt="不好意思加载错误">
		<!-- 处于img文件的下一级 -->
		<img src="../文件名/图片名" alt="不好意思，加载错误">

超链接：

语法：<a href=” ”>内容< /a>
Href:链接地址，可以是内部链接也可以是外部链接
Target：链接的目标窗口–_self(从自身页面网上叠加)_blank （另外打开一个网页）_top_parent
Titile:链接提示文字
Name:链接命名

<a href="http://www.baidu.com" target="_blank" name="百度">百度一下</a>

锚链接

语法：<a href=” ”>内容</ a>同一页面
(1)<a href=”# 锚名1”>目录1</ a>
(2)<a href=”…”name=”锚名1”>内容</ a> name后面的名称必须相同！

锚链接 语法：< a href=””>内容</ a>–不同页面
语法：网页1：< a href=”网页名称#锚名”>…</ a>网页
2：<a n ame=” 锚名”>…< /a>

超链接扩展功能：
电子邮件链接：<ahref=”mailto:邮件地址 ”>…< /a>
文件下载：–href属性
1、如果是url地址，那么会打开地址对应的网页
2、如果是文件，就会相应的下载
3、语法：<ahref=”下载的文件地 址”>…< /a>

<a href="mailto:*******@qq.com">邮箱地址</a>