第一篇
html(HYPERTEXT Mrakup Language)---------结构
css(Cascading Style Sheets)--------样式/表现
Js(javascript)-----------行为
HTML1.0 HTML2.0 HTML3.0 HTML4.0 XHTML1.0 HTML5
html框架
<!Doctype html>声明文档类列
< html>根文件,表示要写的东西是html
< head>头部信息
< meta charset=”utf-8”/>编码格式
< title>< title >提示信息(显示在标题栏)
</ head>
< body>页面主体
</ body>
</ html>
常规标记
<标记 属性=“属性值” 属性=“属性值”></标记>
2空标记
<标记 属性=“属性值”/>
常用文本
< h1/h6> 标题
< p> 段落文本内容
&nbsb 空格
< br> 强制换行
< hr > 水平线
<b/strong> 加粗内容
<em/i> 倾斜
常用标记-列表
< ul> < li> 无序列表
< ol> < li> 有序列表
< dl> < dt> < dd> 自定义列表
图片插入
< Img src=图片地址 />(单标签)
< Img src=图片地址 alt=图片名 title图片标题/>
超链接
< a href=“链接地址”>链接文本/图片
_blank 新窗口 _self 当前窗口
a标签:超链接/下载/锚点
语法:
< a href=“链接地址”>链接文本/图片</ a>
属性:target链接打开方式
_blank 新窗口
_self 当前窗口
*相对路径的写法:
- img.jpg
文件名 - img/img.jpg
文件夹名/文件名 - …/img/img.jpg
…/文件夹名/文件名
…/ 返回上一级
数据表格的作用及组成
作用:显示数据
组成:< table>
< tr>
< td>< /td>
< td></ td>
< /tr>
< /table>
*table 表格标签
*tr 行标签
*td 单元格标签
数据表格的相关属性
width=“表格的宽度”
height=“表格的高度"
border=“表格的边框”
bgcolor=“表格背景色”
cellspacing=“单元格与单元格之间的间距”
cellpadding=“单元格与内容之间的间隙”
水平对齐方式:align=“left/center/right”;
colspan="所要合并的单元格的列数"合并列;
rowspan="所要合并的单元格行数"合并行;
表单域
Form:用于定义采集数据的范围,即设定表单的起止位置其基本语法结构如下:
< form action=“url” method=“get/post” name=“名”>
表单内容
</ form>
*Action:用于设定表单数据文件URL的地址,这个 通常是一个后台程序或是一个电子邮件地址。
*Method:指定数据传递到服务器的方式。
*Name:用于设定表单名称,便于其他地方引用表单的值。
表单控件(元素)
文本框 <input type=“text”/ >
密码框 < input type=“password” >
待续……