html的基本语法
1.html是Hypertext Markup Language,超文本间代码。
2.特点有不需编译直接由浏览器执行
文件是一个文本文件
文件必须使用html或htm为文件后缀
大小写不敏感html和HTML一样
3.结构
<html>
<head>
<title>标题</title>
</head> //网页中不显示
<body>
网页内容
</body>
</html> //网页内容
4.标签一般是成对出现 ,单标记有<ht/>水平线
5.文本元素=开始标签+内容+结束标签
6.属性
<标签 属性名="属性值">
<body bgcolor="red">
7.注释不在html中显示
<!--在hr是水平线-->
文档段落
DOCTYPE是文档的类型声明,放在html文档的第一行
<!DOCTYPE html>
<head>
<title>文字和段落<title><meta http-equiv="content-type" Content="text/html;charset=uft-8 gb2312"/>//为防止乱码类似的值还有GB2312.gbk
</head>
<body>
<!--网页主体内容-->
hello html!
</body>
</html>
8.文字和段落标签
标题标签<h1></h1>到<h6></h6>
段落<p></p>
align对齐属性值
left 左对齐内容
right 右对齐内容
center 居中对齐内容
justify 对行进行伸,这样每行都有相等的长度
换行标签<br/>
 是一个空格
<pre>
内容
</pre>
预格式化:预格式化里的内容是啥就表示啥
二列表标签
1.无序列表
项目前默认
<ul>
<li>列表项</li>
</ul>
type属性
disc圆点
square正方形
circle空心圆
<body>
<ul type="disc">
<li>内容</li>
</ul>
2.有序列表
<ol>
<li>列表项</li>
</ol>
type属性值
1数字1.2
a小写字母a.b
A大写字母AB
i小写数字
l大写数字
<ol type="a">
<li>内容<li>
</ol>
3.定义列表
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
</dt>
</dl>
每个dt下可有多个dd,不能不加dl单独写dd和dt
水平线<hr/>
width设置水平线宽度可以是像素或百分比
color设置水平线颜色
align水平线居中对齐
noshade水平线无阴影
<body>
9<hr width="80%" color="#666666" align="left">
<p>
</p>
</body>
文字和段落标点
文字斜体<li></li>.<em></em>
加粗<b></b>.<strong></strong>
下标<sub>
上标<sup>
下划线<ins>
删除线<del>
特殊符号
<小于或显示标记
>大于或显示标记
®已注册
©版权
&trade商标
 不断行的空白
三图像和超链接
1.图像
<img src=" " alt=" "/>
img的属性
src图像的url
alt图像替代文本
height图像的高
width图像的宽
<body>
<img src="E:/html/图像与超链接/img/html.jpg"/>
<br/>
<img src="img/html.jpg" alt="html基础课程"/>
<hi> </hi>
超链接
<a href=" ">内容</a>
href链接地址
target链接的目标窗口
title链接提示文字
name链接命名
定义锚
<a href="#锚名1">目录1</a>
<a href=" " name=锚名1">内容</a>
电子邮件
<a href ="mailto邮件地址"> </a>
四表格
<table>表格
<tr>行
<td>单元格
<tr>
<td> </td>/
<td> </td>
<td> </td>
</tr>
1.带表头的表格
<tr>
<th> </th>居中加粗显示
</tr>
2.带标题的显示
<table>
<caption> </caption>
<tr>
<th></th>
</tr>
3.带结构的表格
表格分为三部分表头主体脚注
thead放标题
tbody放结构主体
tfoot放表格脚注
<table>
<caption> </caorion>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
table属性值
width pixel.% 表格的宽度
align left right center 对齐状态
border pixels 边框宽度
bgcolor name rgb # 背景颜色
cellpadding pixels.% 单元边沿与内容之间的空白
cellspacing pixels.% 单元格之间的空白
frame 属性 外侧边框部分可见
rules 属性 内侧边框部分可见
frame属性
void不显示
above显示上侧
below显示下侧
hsides显示上下
vsides显示左右
ihs显示左
rhs显示右
box显示四周
border显示四周
内侧属性
none没线条
groups行组,列组间
rows行之间
cols列之间
all行列之间
跨列colspan
<table>
<tr>
<tdccolspan="2"> </td>
<td> </td>
</tr>
跨行rowspan
<tr>
<td> </td>
<td rowspan ="2"> </td>
<td> </td>
</tr>