理论知识
web标准
- 结构
HTML(XHTML)-
HTML发展史
Hyper Text Markup Language -
XHTML
可扩展文本标记语言
基本结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head><body> </body> </html> -
HTML5
基本结构- <!DOCTPE html> 命名文档类型
- <html></html> 说明标记语言
- <head></head> 文件头部
- <title></title> 标题
- <meta charset="utf-8" /> 编码格式
- <body></body> 文件主体
-
- 表现
CSS - 行为
DOM,ECMASCRIPT
Dreamweaver 使用
常用快捷键:
F4:隐藏/显示所有面板 Ctrl+U:调整视图文字大小 Ctrl+Alt+r: 标尺
- 新建,打开,保存,预览(F12)
- 建立站点
站点命名规范:必须是小写字母开头，后接下划线、数字等，不可使用中文或特殊字符作为文件名
站点应该存放以下文件和文件夹:- index.html
- css
- images
- javascript
- html 存放子页面
- 网页调试
HTML基础
-
HTML语言语法
- 双标记法
<标记名称 属性1名="属性值" 属性2名="属性2值" ......> < /标记名>
尖角号的第一个名称即为标记,标签,元素
标记和属性用空格隔开,属性和属性值之间用等号连接,属性值放在双引号内
一个标记可以有多个属性,之间用空格开 - 单标记(空标记)
<标记名 />空标记需使用'/'结束 - 注释符
- 双标记法
-
标题文字
<h#> </h#> -
物理字体,字符字体
物理字体- 斜体字:
<i> </i> | <em> </em> - 粗体字:
<b></b> | <strong> </strong> - 文本加下划线:
<u> </u> - 字体换行:
<br /> - 水平线:
<hr> </hr> - 段落标记:
<p> </p>
字符实体
- 不换行空格: 
- 右尖括号:>
- 左尖括号 :<
- 斜体字:
-
列表的应用
- 无序列表
<ul>
<li></li>
<li></li>
</ul> - 有序列表
<ol>
<li></li>
<li></li>
</ol> - 自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
</dl>
- 无序列表
-
超链接和图像
图像
<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" border="图片边框大小" width="图片宽度" height="图片高度" />
相对路径的写法:- 文件与文件同一目录下,直接书写文件名+扩展名
- 文件与文件夹同一目录下
- 两文件夹在同一目录下: ../目标文件夹名/目标文件名+扩展名
超链接
<a href="目标文件路径及全称/链接地址" title="提示文本" target="">链接文本/图片</a>
targe定义了打开连接的目标窗口
- _blank 在新窗口打开连接页面
- _self 在当前窗口打开连接, 默认值
-
表格
基本结构
<table width="value" height="value" border="value" bgcolor="value" cellspacing="value" >
<tr> #表示一行
<td></td>表示一列
<td></td>
</tr>
</table>
合并单元格属性- colspan ="所要合并的单元格的列数" 和并列
- rowspan ="所要合并的单元格的行数" 合并行
-
表单
-
作用:收集用户信息
-
语法
<form name="表单名称" method="post/get" action="">
</form>
表单标签:
input
<input type="" name="" value=""size="" maxlength="" />
input 可以创建按钮,文本输入框,选择框
name 标识表单的名称
type标识类型,可以是文本输入框text,password,复选框checkbox,单选框radio,提交表单submit,重置reset
maxlength 控制最多输入字符数
文本框<input type="text" value="默认值"/>
密码框<input type="password" />
单选
<input type="radio" name="ral" />
<input type="radio" name="ral" />
<input type="radio" name="ral" checked="checked" />(默认选中)
复选
<input type="checkbox" name="like" />
<input type="checkbox" name="like" disabled="disabled" />
<input type="checkbox" name="like" checked="checked" />
提交<input type="submit" value="按钮内容"
重置<input type="reset" value="内容"
select
<select name="">
<option>下拉选项</option>
<option>下拉选项2</option>
</select>
textare <textarea name="" col="" raw="" > </textarea>
rows,cols设置文本的高度和宽度 -
说明:name定义名称 method定义提交方式 action定义提交数据地址
-
-
常用元素
- div
<div id="id名" class="class名"></div> - span
<span></span>
- div
网友评论