理论知识
web标准
- 结构
HTML(XHTML)HTML发展史
Hyper Text Markup Language-
XHTML
可扩展文本标记语言
基本结构
-
HTML5
基本结构- 命名文档类型
- 说明标记语言
- 文件头部
标题 - 编码格式
- 文件主体
- 表现
CSS - 行为
DOM,ECMASCRIPT
Dreamweaver 使用
常用快捷键:
F4:隐藏/显示所有面板 Ctrl+U:调整视图文字大小 Ctrl+Alt+r: 标尺
- 新建,打开,保存,预览(F12)
- 建立站点
站点命名规范:必须是小写字母开头,后接下划线、数字等,不可使用中文或特殊字符作为文件名
站点应该存放以下文件和文件夹:- index.html
- css
- images
- javascript
- html 存放子页面
- 网页调试
HTML基础
-
HTML语言语法
- 双标记法
<标记名称 属性1名="属性值" 属性2名="属性2值" ......> < /标记名>
尖角号的第一个名称即为标记,标签,元素
标记和属性用空格隔开,属性和属性值之间用等号连接,属性值放在双引号内
一个标记可以有多个属性,之间用空格开 - 单标记(空标记)
<标记名 />
空标记需使用'/'结束 - 注释符
- 双标记法
标题文字
-
物理字体,字符字体
物理字体- 斜体字:
|
- 粗体字:
|
- 文本加下划线:
- 字体换行:
- 水平线:
- 段落标记:
字符实体
- 不换行空格: 
- 右尖括号:>
- 左尖括号 :<
- 斜体字:
-
列表的应用
- 无序列表
- 有序列表
- 自定义列表
- 名词
- 解释
- 无序列表
-
超链接和图像
图像
相对路径的写法:- 文件与文件同一目录下,直接书写文件名+扩展名
- 文件与文件夹同一目录下
- 两文件夹在同一目录下: ../目标文件夹名/目标文件名+扩展名
超链接
链接文本/图片
targe定义了打开连接的目标窗口
- _blank 在新窗口打开连接页面
- _self 在当前窗口打开连接, 默认值
-
表格
基本结构
#表示一行
表示一列
合并单元格属性- colspan ="所要合并的单元格的列数" 和并列
- rowspan ="所要合并的单元格的行数" 合并行
-
表单
作用:收集用户信息
语法
表单标签:
input
input 可以创建按钮,文本输入框,选择框
name 标识表单的名称
type标识类型,可以是文本输入框text,password,复选框checkbox,单选框radio,提交表单submit,重置reset
maxlength 控制最多输入字符数
文本框
密码框
单选
(默认选中)
复选
提交
重置
select
textare
rows,cols设置文本的高度和宽度说明:name定义名称 method定义提交方式 action定义提交数据地址
-
常用元素
- div
- span
- div