您的位置：首页 > Web前端 > HTML5

【HTML5学习】HTML5学习整理笔记(二)

2014-12-14 19:18 274 查看

接上一篇

(六):HTML5样式,链接和表格
①:HTML样式:
1.标签:
<style>:样式定义
<link>:资源引用
2.熟悉:
rel=”stylesheet”:外部样式表
type=”text/css”:引用文档的类型
margin-left:边距
HTML三种样式插入方法:
1.外部样式表:
<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
2.内部样式表:
<style type=”text/css”>
body{background-color:red}
p{margin-left:20px}
</style>
3.内联样式表:
<p style=”color:red”>

②:HTML链接:
1.链接数据:
文本链接
图片链接
2.属性:
href属性:指向另一个文档的链接
name属性:创建文档内的链接
3.img标签属性:
alt:替换文本属性
width:宽
height:高

③:HTML表格:
标签描述
<table> 定义表格
<caption> 定义表格标题
<th> 定义表格表头
<tr> 定义表格的行
<td> 定义表格的单元
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
<col> 定义表格的列属性

(七):HTML5列表,块,布局
①:列表相关标签介绍
标签描述
<ol> 有序列表
<ul> 无序列表
<li> 列表项
<dl> 列表
<dt> 列表项
<dd> 描述

1:无序列表
使用标签:<ul>,<li>
属性:disc,circle,square
2:有序列表
使用标签:<ol>,<li>
属性:A,a,I,i,start
3:嵌套列表
使用标签:<ul>,<ol>,<li>
4:自定义列表
使用标签:<dl>,<dt>,<dd>

②:块介绍
1.HTML块元素
块元素在显示时，通常会以新行开始
如:<h1>,<p>,<ul>
2.HTML内联元素
内联元素通常不会以新行开始
如:<b>,<a>,<img>
3.HTML<div>元素
<div>元素也被称为块元素，其主要是组合HTML元素的容器
4.HTML<span>元素
<span>元素是内联元素，可作为文本的容器

③:布局介绍
1.使用<div>元素布局
2.使用<table>元素布局

(八):HTML5表单创建和PHP环境搭建
①:HTML表单
1.表单用于获取不同类型的用户输入
2.常用表单标签:
标签描述
<form> 表单
<input> 输入域
<textarea> 文本域
<label> 控制标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选择组
<option> 下拉列表中选项
<button> 按钮

3:常用表单
复选框，单选按钮,下拉列表,文本域
.
②:PHP环境搭建
XAMPP(http://www.apachefriends.com)+Eclipse(安装PHP插件)

③:HTML5表单和PHP进行交互

(九):HTML5框架，背景和实体
①:HTML5框架
1.框架标签(frame)
框架对于页面的设计有着很大的作用
2.框架集标签(<frameset>)
框架集标签定义如何将窗口分割为框架
每一个frameset定义一系列行或列
rows/cols的值规定了每行或每列占据屏幕的面积
3.常用标签
noresize:国定框架大小
cols:列
rows:行
4.内联框架
iframe

②:HTML5背景
1.背景标签
background
2.背景颜色:
bgcolor
3.颜色:
颜色是由一个十六进制符号来定义，这个符号由红色，绿
色和蓝色的值组成(RGB)
颜色值最小值:0(#00)
颜色值最大值:255(#FF)
红色:#FF0000
绿色:#00FF00
蓝色:#0000FF

③:HTML5实体
1.实体
HTML中预留字符串必须被替换成字符实体
如:<,>,&

(十):XHTML的规范化
①:XHTML简介
1.什么是XHTML
XHTML指的是可扩展的超文本标记语言
XHTML与HTML4.01几乎是相同的
XHTML是更严格更纯净的HTML版本
XHTML是以XML应用的方式定义的HTML
XHTML得到所有主流浏览器的支持
2.为什么要使用XHTML？
为了代码的完整性和良好性
3.文档声明
DTD:规定了使用通用标记语言的网页语法
4.三种XHTML文档类型
STRICT(严格类型)
TRANSITIONAL(过渡类型)
FRAMESET(框架类型)
5.XHTML 1.0 Strict:
<!DOCTYPE htmlPUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
该DTD包含所有HTML元素和属性，但不包括展示性和弃用的元素(比如:font)。不允许框架集(Framesets)。

②:XHTML元素
1.XHTML元素语法:
XHTML元素必须正确嵌套
XHTML元素必须始终关闭
XHTML元素必须小写
XHTML文档必须有一个根元素

③:XHTML属性
1.XHTML属性语法规则:
XHTML属性必须使用小写
XHTML属性值必须用引号包围
XHTML属性最小化也是禁止的

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html xhtml 标签

相关文章推荐

新的分享

章节导航