HTML
HTML简介
hypertext markup language超文本标记语言
不需要编译,直接由浏览器执行
大小写不敏感
文件后缀名:html或htm
开发工具:记事本orWord都可
HTML基础语法
HTML基本结构:
<html> <head> <title>标题</title> </head> <body> 网页主体内容 </body> </html>
横线标签:<hr>
背景颜色标签:<body bgcolor="red">
注释:<!--这是一个注释-->
DOCTYPE文档类型说明:
必须放在文档第一行
不是HTML标签
网页编码设置:
在<head></head>标签之间添加:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <--注:utf-8、GB2312、gbk等编码-->
文字和段落标签:
标题标签:<h1></h1>~<h6></h6>
段落标签:<p></p>
align对齐属性值:
值 | 描述 |
---|---|
left | 左对齐内容 |
right | 右对齐内容 |
center | 居中对齐内容 |
justify | 对行进行伸展,这样每行都可以有相等的长度 |
换行标签:<br/>
空格:
预格式标签:<pre></pre>
文字斜体:<i></i>、<em></em>
加粗:<b></b>、<strong></strong>
下标:<sub>
上标:<sup>
特殊符号:
属性 | 显示结果 | 描述 |
---|---|---|
< | < | 小于号或显示标记 |
> | > | 大于号或显示标记 |
® | ® | 已注册 |
© | © | 版权 |
™ | ™ | 商标 |
| Space | 不断行的空白 |
列表标签:
无序列表: type属性: disc:圆点 square:正方形 circle:空心圆 <ul type='disc'> <li>列表项1</li> <li>列表项2</li> </ul> 有序列表: type属性: 1:数字1,2... a:小写字母 A:大写字母 i:小写罗马数字 I:大写罗马数字 <ol type='i'> <li>列表项1</li> <li>列表项2</li> </ol> 定义列表: <dl> <dt>定义列表项</dt> <dd>列表项描述</dd> <dd>列表项描述</dd> <dt>定义列表项</dt> <dd>列表项描述</dd> </dl>
图像和超链接标签:
<img src="" alt="" .../>
img属性:
属性 | 值 | 描述 |
---|---|---|
Src(必写) | URL | 显示图像的URL |
alt | 文字 | 图像替代文本 |
height | 数值(px)和百分比 | 图像的高 |
width | 数值和百分比 | 图像的宽 |
-
相对路径:从当前目录开始定位形成的一个路径
-
绝对路径:从顶级目录开始定位形成的路径
超链接标签:
<a href="">内容</a>
href:链接地址,可以是内部链接或外部链接
空链接:<a href="#">内容</a>
属性 | 描述 |
---|---|
href | 链接地址 |
target | 链接的目标窗口*_self (当前窗口打开新页面) _blank(新窗口) _top _parent* |
title | 链接提示文字 |
name | 链接命名 |
锚链接(同一页面):
<a href="#锚名1">目录1</a> <a href="#锚名2">目录2</a> <a href="..." name="锚名1">内容</a> XXXXX XXXXXXXXX <a href="..." name="锚名2">内容</a> XXXXX XXXXXXXX
锚链接(不同页面):
网页1:<a href="网页名称#锚名">......</a> 网页2:<a name="锚名">......</a>
电子邮件链接:
<a href="mailto:邮件地址">......</a>
文件下载:
<a href="下载文件的地址">......</a>