html 基础
2015-09-08 18:14
736 查看
1.Html 列表
1
<ol> 效果 1.asdfads
<li> 2.asdfasdf
可嵌套<ol> 2.1.asdfasdfasdf
</li> 2.2sdfaasdfadsf
<li>
</li>
</ol>
2.
<dl> 效果 abc
<dt>abc</dt> zxccv
<dd>zxccv</dd>
</dl>
1.字体
<hr>分割线
<div>层标记
<br>换行
<b><b/>加粗
<i><i/>斜体
Sub 文字下标字体标记 二的平方根 2<sub>2</sub>
Sup 文字上标字体标记
Cite 引入方式的字体通常是斜体
Strong 表示强调粗体字
Small 小型字体标记 可以多层嵌套
Big 大型字体标记 可以多层嵌套
U 下划线
<font> 三个属性 <font size=”5”> 默认值是3 取值是1-7 ,<font color=”red” >颜色 <font face =”微软雅黑” >字体
乱码 <meat charset=”UTF-8”>
2.图形(命令)
<img src="name"> 添加一个图像name 为路径
<img src="name" width=? height=? > 设置图片的宽高 为了后期适配,最好用百分比
<img src="name"align=?> 排列对齐一个图像:左中右或上中下
<img src="name"border=?> 设置围绕一个图像的边框的大小
<img src="name" alt=”描述文字“> 1.当鼠标移动上去是显示的文字2.当图片加载失败的时候用文字代替图片3.搜索引擎可以通过这个属性的文字来获取图片。
<hr> 加入一条水平线
<hr size=?> 设置水平线的大小(高度)
<hr width=?> 设置水平线的宽度(百分比或绝对像素点)
<hr noshade> 创建一个没有阴影的水平线
3、链接(命令)
<ahref="URL"></a> 创建一个超链接URL 可以是一个翁爷也可以是一个视频图片音乐等等 外部链接
<a href="URL" target=”_blank”></a> _blank在新页面打开 _seif (默认) _parent 在父窗口打开 _top 在顶部窗口打开
<ahref="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接
<aname="NAME"></a> 创建一个位于文档内部的锚点
<ahref="#NAME"></a> 创建一个指向位于文档内部锚点的链接
<ahref="URL#?"></A>(锚点不同文件)
未链结点颜色<bodylink=#rrggbb>(RGB色码)
已链结点颜色<bodyvlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)
4、格式排版(命令)
<p> 创建一个新的段落
<p align=?> 将段落按左、 中、 右对齐
<br> 插入一个回车换行符
<blockquote></blockquote> 从两边缩进文本
5、表格
<table border=“” align=”center”> border 边框 align 对齐方式
Cellspacing 属性单元格之间的像素默认是2
Cellspadding 属性单元格内容与单元格边框的像素
Frame=”void“ 表格最外层边框 hsides 只有上下边框 above below lhs rhs
Rules=”none” 单元格之间的分割线 none 没有分割线all 全有 rows仅有行clos 仅有列
<caption>表格标题</ caption>
<tr> </tr>行<tr bgcolor=”red” align=”center” valign=”center”> align 左右对齐,valign上下对齐
<td>和<th>都是单元格的标记,都必须成对出现嵌套在<tr>内。Th 是表头标记通常位于首行或者首列,且字体会加粗而td不会
<td rowspan=”2”>设置单元格占用的行数
<td rowspan=”2”>设置单元格占用的列数
</table>
6、frameset 框架 可以嵌套使用
< frameset cols=”*,*”>或< frameset cols=”30%,%80”> 左右分两个界面
< frameset rows=”*,*” frameborder=”0” bordor=”1”>上下分两个界面 frameborder是否显示边框,默认为1 显示 bordor边框的像素默认是5
< frame name=”top” src=”?”> 子窗口标记必须放在< frameset>中使用,在< frameset>中设置了几个窗口,就必须使用几个<frame> 而且还必须使用一个src 属性指定一个网页即该部分需要显示布局
7、表单
<form action=”” name=”” method=”post”></form> action 服务器端地址name 表单名称 method 提交方法 get 不具备保密性,限制了提交内容的长度
单选框 性别 <input type=”radio 或者checkbox” name=”sex” checked=” checked”> 男<input type=”radio”name=”sex”>女
name值一样实现单选
radio 选中不可取消选择 ,checkbox 可以取消 checked 默认选中项
隐藏域 <input type=”hidden”value=”隐藏的” name=”hid”>
文本框 <textarea cols=”5” rows=”10” name=”textarea”> cols rows宽高
<input type=”text或者password或者submit 或者reset(重置)” name=”” value=”默认的内容” size=”长度” maxlenght=”文本框中允许最大输入”></input>
菜单下拉列表域 (选择地址)
<select name="dizhi"><optionvalue=”成都“>成都</option></select>
二、HTML基本语法
文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<halign=right,left,center></h>
设定锚点<aname="?"></a>(?以容易记为原则)
链结到锚点<ahref="#?"></a>(同一份文件)
<ahref="URL#?"></A>(锚点不同文件)
显示图形<imgsrc="URL"></a>
图形位置<img src="URL"align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
<center ></center> 居中标签
图形取代文字<imgsrc="URL"alt=?>(无法显示图形时用)
图形尺寸<img src="URL"width=? height=?>(?以像素为单位)
连结图形边线<imgsrc="URL"border=?>(?以像素为单位)
图形四周留白<imgsrc="URL"hspace=? vspace=?>(?以像素为单位)
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<bodybgcolor=#rrggbb>(RGB色码)
背景文字颜色<bodytext=#rrggbb>(RGB色码)
1
<ol> 效果 1.asdfads
<li> 2.asdfasdf
可嵌套<ol> 2.1.asdfasdfasdf
</li> 2.2sdfaasdfadsf
<li>
</li>
</ol>
2.
<dl> 效果 abc
<dt>abc</dt> zxccv
<dd>zxccv</dd>
</dl>
1.字体
<hr>分割线
<div>层标记
<br>换行
<b><b/>加粗
<i><i/>斜体
Sub 文字下标字体标记 二的平方根 2<sub>2</sub>
Sup 文字上标字体标记
Cite 引入方式的字体通常是斜体
Strong 表示强调粗体字
Small 小型字体标记 可以多层嵌套
Big 大型字体标记 可以多层嵌套
U 下划线
<font> 三个属性 <font size=”5”> 默认值是3 取值是1-7 ,<font color=”red” >颜色 <font face =”微软雅黑” >字体
乱码 <meat charset=”UTF-8”>
2.图形(命令)
<img src="name"> 添加一个图像name 为路径
<img src="name" width=? height=? > 设置图片的宽高 为了后期适配,最好用百分比
<img src="name"align=?> 排列对齐一个图像:左中右或上中下
<img src="name"border=?> 设置围绕一个图像的边框的大小
<img src="name" alt=”描述文字“> 1.当鼠标移动上去是显示的文字2.当图片加载失败的时候用文字代替图片3.搜索引擎可以通过这个属性的文字来获取图片。
<hr> 加入一条水平线
<hr size=?> 设置水平线的大小(高度)
<hr width=?> 设置水平线的宽度(百分比或绝对像素点)
<hr noshade> 创建一个没有阴影的水平线
3、链接(命令)
<ahref="URL"></a> 创建一个超链接URL 可以是一个翁爷也可以是一个视频图片音乐等等 外部链接
<a href="URL" target=”_blank”></a> _blank在新页面打开 _seif (默认) _parent 在父窗口打开 _top 在顶部窗口打开
<ahref="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接
<aname="NAME"></a> 创建一个位于文档内部的锚点
<ahref="#NAME"></a> 创建一个指向位于文档内部锚点的链接
<ahref="URL#?"></A>(锚点不同文件)
未链结点颜色<bodylink=#rrggbb>(RGB色码)
已链结点颜色<bodyvlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)
4、格式排版(命令)
<p> 创建一个新的段落
<p align=?> 将段落按左、 中、 右对齐
<br> 插入一个回车换行符
<blockquote></blockquote> 从两边缩进文本
5、表格
<table border=“” align=”center”> border 边框 align 对齐方式
Cellspacing 属性单元格之间的像素默认是2
Cellspadding 属性单元格内容与单元格边框的像素
Frame=”void“ 表格最外层边框 hsides 只有上下边框 above below lhs rhs
Rules=”none” 单元格之间的分割线 none 没有分割线all 全有 rows仅有行clos 仅有列
<caption>表格标题</ caption>
<tr> </tr>行<tr bgcolor=”red” align=”center” valign=”center”> align 左右对齐,valign上下对齐
<td>和<th>都是单元格的标记,都必须成对出现嵌套在<tr>内。Th 是表头标记通常位于首行或者首列,且字体会加粗而td不会
<td rowspan=”2”>设置单元格占用的行数
<td rowspan=”2”>设置单元格占用的列数
</table>
6、frameset 框架 可以嵌套使用
< frameset cols=”*,*”>或< frameset cols=”30%,%80”> 左右分两个界面
< frameset rows=”*,*” frameborder=”0” bordor=”1”>上下分两个界面 frameborder是否显示边框,默认为1 显示 bordor边框的像素默认是5
< frame name=”top” src=”?”> 子窗口标记必须放在< frameset>中使用,在< frameset>中设置了几个窗口,就必须使用几个<frame> 而且还必须使用一个src 属性指定一个网页即该部分需要显示布局
7、表单
<form action=”” name=”” method=”post”></form> action 服务器端地址name 表单名称 method 提交方法 get 不具备保密性,限制了提交内容的长度
单选框 性别 <input type=”radio 或者checkbox” name=”sex” checked=” checked”> 男<input type=”radio”name=”sex”>女
name值一样实现单选
radio 选中不可取消选择 ,checkbox 可以取消 checked 默认选中项
隐藏域 <input type=”hidden”value=”隐藏的” name=”hid”>
文本框 <textarea cols=”5” rows=”10” name=”textarea”> cols rows宽高
<input type=”text或者password或者submit 或者reset(重置)” name=”” value=”默认的内容” size=”长度” maxlenght=”文本框中允许最大输入”></input>
菜单下拉列表域 (选择地址)
<select name="dizhi"><optionvalue=”成都“>成都</option></select>
二、HTML基本语法
文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<halign=right,left,center></h>
设定锚点<aname="?"></a>(?以容易记为原则)
链结到锚点<ahref="#?"></a>(同一份文件)
<ahref="URL#?"></A>(锚点不同文件)
显示图形<imgsrc="URL"></a>
图形位置<img src="URL"align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
<center ></center> 居中标签
图形取代文字<imgsrc="URL"alt=?>(无法显示图形时用)
图形尺寸<img src="URL"width=? height=?>(?以像素为单位)
连结图形边线<imgsrc="URL"border=?>(?以像素为单位)
图形四周留白<imgsrc="URL"hspace=? vspace=?>(?以像素为单位)
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<bodybgcolor=#rrggbb>(RGB色码)
背景文字颜色<bodytext=#rrggbb>(RGB色码)
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数
- Android的TextView与Html相结合的具体方法
- jQuery设置和获取HTML、文本和值示例
- 『jQuery』.html(),.text()和.val()的概述及使用
- php正则替换处理HTML页面的方法
- PHP抓取网页、解析HTML常用的方法总结