1.HTML概述
1.什么是HTML?·HyperText Markup Language 超文本标记语言
它是由W3C组织所制定的一套专门用于显示网页的规范,它不负责处理业务逻辑,只用于显示
2.它的版本发展的经历?
目前使用最多的是XHTML1.0,它其实就是HTML4.0.1
加强的语法特点
1.必须要有开始和结束标记
2.统一用小写
3.属性要用""引起来
HTML编写工具及特点
1.编写工具
文本工具:记事本,Nodepad++,EditPlus
专业版工具: DW(DreamWeaver)
2.特点
任何标记皆由"<"及">"所围住,如 <P>
标记名与小于号之间不能留有空白字符。
某些标记 要加上参数,某些则不必。如 <font size="+2">Hello</font>
参数只可加于起始标记中。
在起始标记之标记名前加上符号"/"便是其终结标记,如 </font>
标记字母大小写皆可。
3.文本与超文本的区别:
超文本是可以被浏览器识别并显示出来的,类比人与超人
4.扩展名
.html 或.htm
5.主要组成部分
<html>----------html声明
<head></head> -----------头部
<body></body>------------主体
</html>
具体标签的介绍
排版标签
注释标签<!-- -->
<br />:换行
<p>:段落标记
align:left center right
<hr>用于设置水平线
属性:
width可以是固定像素,也可以是百分比
size指粗细
color线的颜色
noshade没有阴影效果
<pre>预格式标记
<div>块标记,它会自动换行
字体标记
<h1>----<h6>标题标签 由大到小
<font>字体标记
color: red(单词)/#FF0000(6位十六进制数)/rgb(255,0,0) 函数
size: 字体大小 具体数字/+2(代表在3的基础上加2,实际是5) ,取值1--7之间
face:字体类型 "黑体"
特殊字符:
< < > > 人民币 ¥ 商标 ™ 版权 ©
图像标记
<img >代表图片
src 图片地址,可以是绝对地址(本地的,网络的),也可以是相对地址2.jpg,
width 图片宽度
height 高度
alt 指示信息
border 边框粗细
热点了解
清单标记
<ol>有序列表
type:1是默认 A ,a ,I, i
start:从几开始
<ul>无序列表
type: disc 实心, circle空心圆 square
<li>列表项
它是允许嵌套的
<dl>代表自定义列表 datalist
<dt> data title
<dd> data data
超链接
<a>
href指链接地址,可以是绝对地址,也可以是相对地址
链接到邮箱:mailto:邮箱名
target:打开的地址
_blank 打开一个新的窗口
_self 在自身打开
_top 在顶层窗口打开
框架名 在指定的框架中打开
<table>代表表格
属性: border 边框,bordercolor边框颜色 width表格宽度 cellspacing单元格间距 cellpadding单元格边距 align对齐方式
<caption>代表表格的主题
tr代表行
td代表单元格 th代表单元格,指标题
td属性: rowspan跨行 colspan跨列
框架标记及<iframe>
<frameset>
<frame>
*表单标记及语义化
<form> action="提交地址" method="post/get"提交方式
表单提交的两种方式:
post 在地址栏不能看到提交的数据 安全,提交数据理论上没限制
get 在地址栏可以看到数据 ,不安全,提交数据有量的限制(不超过1KB)
<input type="">
type:Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。
<select> <option></option></select>列拉列表
<textarea></textarea>多行文本框
多媒体标记
<embed>
<bgsound>
src:资源位置
头标记
<meta> 可以调编码格式
可以定时刷新
<base href="基础地址" target="打开方式"/>