码迷,mamicode.com
首页 > Web开发 > 详细

html+css

时间:2015-08-08 17:53:03      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:

关键词:html,css,div,布局

html:标签加上每个标签对应的属性

基本结构<元素 属性>内容</元素>

符号实体:显示特殊字符

超链接:<a href="url地址">显示内容</a>

图像元素image:<img src="图片的路径" width="宽度" height="高度">标记名称</img>

表格table:<table border="边框宽度" cellspacing="空隙大小" cellpadding="填充大小"></table>,<tr></tr>表示行,<td></td>表示列,cellspacing表示列于列之间的间距,align可以控制内容排列的方向;

列表

<ul type="属性值">

<li>列表内容</li>

<li>列表内容</li>

</ul>

其中type的值有多种,可以是square,circle,disc;start:有序列表,可以设定是abc,123等不同的方式;

frameset框架

<frameset frameborder="边框大小" cols="列百分比分割窗口,(逗号隔开)" rows="行百分比分割窗口">

<frame name="给frame取名" src="html路径" noresize>

</frameset>

特别说明:html010.html中不能带body标记

表单form:

<form action="url" method="提交的方法(get/post)默认为get方法">

各种元素[输入框、下拉列表、文本域、密码框等]

</form>

注意:action把指定的请求交给哪个页面;get不安全,会将输入的密码显示在浏览器地址栏中。所以建议使用post方法进行内容提交。

<input type=* name=** />

type=text(文本框)/password(密码框)/hidden(隐藏域)/checkbox(复选框)/redio(单选框)/submit(提交按钮)/reset(重置按钮)/image(图片按钮)

name是你给该表单控件取名

select/option/textarea下拉框和文本域textarea的使用

html的加强

语言字符集meta

meta的content属性可以指定网页内容的样式可以是text/html,text/xml等,charset指定显示的编码,默认为系统指定的字符集,也可以人为指定使用字符集

背景色彩和文字色彩

<body bgcolor=# text=# link=# alink=# vlink=#>

bgcolor--背景色彩

text--非可链接文字的色彩

link--可链接文字的色彩

alink--正被点击的可链接文字的色彩

vlink--已经点击(访问)过的可链接文字的色彩

超链接target属性加强

<a href="#" target="值"></a>

<a href="url" target=_blank>新窗口

<a href="url" target=_self>本窗口

<a href="url" target=_parent>父窗口

<a href="url" target=_top>整个浏览器窗口

<a href="url" target="指向frame的名字">指定区域显示

标尺线

<hr size=# width=# align=# noshade color=#>

size属性控制标尺线的粗细;

width控制标尺线的长短;

align居左left居右right

noshade标尺线是否有阴影

color标尺线的颜色

字体标记

<h#>...</h#> #=1,2,3,4,5,6

<hn>...</hn>标记显示黑体字

<b>...</b>字体加粗

<i>...</i>斜体字

<u>...</u>字体加下划线

<tt>...</tt>居中显示

<sup>...</sup>靠上显示

<sub>...</sub>靠下显示

<s>...</s>字体加删除线

<strike>...</strike>

客户端字体(Font Face)

<font face="#,#,...,#">...</font>

#=客户端可获得的字体

文字布局标记

行的控制

<p>表示段落

<br>换行

<nobr>不换行

文字的分区显示

<div align=#>...</div>

align可表示left/center/right

图象标记

<img alt=#>

#=在浏览器尚示完全读入图象时,在图象位置显示的文字

会移动的文字

基本语法

<marquee direction=# bihavior=# loop=# scrollamount=# scrollamount=#>...</marquee>

direction移动属性left/right

bihavior移动方式scroll循环/slide移动一次/alternate来回往返

loop循环次数,可以指定。不指定为循环不止。

scrollamount设置移动速度

scrolldelay延时移动

多媒体页面

嵌入多媒体文本(EMBED)

基本语法<embed src=#> #=url地址 

html+css

标签:

原文地址:http://www.cnblogs.com/buptee/p/4713456.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!