html笔记

来源：互联网发布：div中调用js函数编辑：程序博客网时间：2024/06/06 05:22

text属性标志html文档的正文文字色彩。如<body text=“#336699”>

<meta>网页有利于被搜索引擎搜集<meta name=“关键词”content=“内容描述”>用来标记搜索引擎在搜索你的页面时所取出的关键词。同时可以用来标记文档作者。
<meta>元素还可以标记你的页面的解码方式。
<meta>元素实现自动刷新网页。例
<head>
<title>网页标题</title>
<meta http-equiv="refresh"content="3;url=http://www.随便什么网址">
</head>

指定颜色<font color=#>...文字...</font>
font为字体的意思，要有开始的标记<font>和借宿的标记</font>,设置颜色时在<font>标记中添加
color=“#336699”

获得的字体<font face="宋体">...</font>
<font size=3>.文字.</font>
值可以为1,2,3,4，5,6，+6等

<h#>.文字标题</h#>
#=1,2,3,4,5,6

段落(paragraph)<P></P>
空白站位符&nbsp；
换行<br>

<i>斜体文本</i>
<b>粗体文本</b>
<u>下划线文本</u>
<s>删除线文本</s>等
<sub>上标
<sup>下标

关键词align，align放在元素的开始标记中，例如<p align=right>，表示右对齐。
center居中，left左对齐，right右对齐。

<div align=#>...</div> 使用div，可以将文字分区显示
（#=left，conter，right），例如<div align="left"></div>

居中——<center>元素
<center>元素是一个独立的使所标记的字符居中的元素。它的作用与使<p>元素里的align="center"类似.

<hr size=#>:设定线宽，<>hr width=#>:设定线长，<hr align=#>设定对齐方式，<hr color=#>：设定线的颜色。

无序列表是由<ul>和<li>元素定义的。
、

无序列表的默认符号是实心圆点。<ul>元素有type属性，通过定于不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc（圆），circle（圆圈）square（方块）

有序列表有<ol>和<li>定义。

我们可以控制连接窗体，在新的窗体打开连接内容，使用到关键词target（目标）

基本格式<ing src="图片名称">

wid指定图片宽度，height指定高度。它们的属性值一般使用像素，也可以是%例如<img src="edu.jpg"width=50%height=30%/>。

我们可以为一幅图片加一个边框以突出显示属性值为像素。只是加上border=2.

图片可以相对于页面或单元格有一个对齐方式。定义水平对齐方式使用关键词align。align=“left”左对齐，align=“right”右对齐。

图片在显示时，可以与左右的文本之间可以有一定的间距，使用属性hspace，vspace

hspace（horizontal）定义水平间距，vspace（vertical）定义垂直间距。单位都是像素点数。

<table>元素：
定义一个表格。每一个表格只有一对<table></table>一张页面中可以有多个表格。
<tr>元素：
定义表格的行，一个表格可以有多行，所以<tr>对于一个表格来说不是唯一的。
<td>元素：
定义表格的一个单元格。每行可以有不同数量的单元格，在<td></td>之间是单元格的具体内容。需要注意上述的三个元素必须，而且只能配对使用。缺少任何一个元素，都无法定义出一个表格。

bordercolor属性：指定表格或某一个单元格的边框颜色。
bordercolorlight属性：亮边框的颜色
bordercolordark属性：暗边框的颜色

单元格间距cellspacing属性和单元格边距cellpadding属性

valign属性是值某一个单元格里的内容（文本，图片等）的垂直对齐方式。垂直对齐方式的属性包括：
top：顶端对齐，middle：居中对齐：baseline：相对于基线对齐，

实际应用中，一张表格的行，列不是固定不变的，可能第一行是一列，第二行可能是三列。或者其他布局。colspan属性值表示当前单元格跨越几列。例<th colspan="3">
rowspan属性值表示当前单元格跨越几行。

表单是网页上的一个特定区域。这个区域是有一对<form>元素定义的。

<form>开始标记

</form>结束标记

<form>元素常用的属性是action，method。

action属性是来定义表单处理程序（一个ASP灯程序的位置）。

method定义表单结果从浏览器传送到服务器的方法，一般有两种方法： get，post。

表单域：包含文本框，密码框，隐藏域，多行文本框，复选框，单选框，下拉选项和文件上传框等。

表单按钮：包括提交按钮，复位按钮，和一般按钮：用于将数九传送到服务器上。

textarea一定要放在<form></form>之间，<textarea>要成对出现。rows是初始有几行，cols是字符宽度。

我们在登陆或注册时，点击完成就会提交信息。点击重来就会清空我们输入的信息，两个按钮的基本结构相同，区别在于type取值，submit是提交，reset是重置。代码必须放在<form></form>之间。

typ=“button“输入方式为一般按键。配合java script作为其启动按键。

单选框是对应复选框存在的，有事一些调查的选择答案是唯一的。

在使用一组单选框代码时，每个单选框的name值一定要相同，这里使用的单选框name值都为”hy“如果name值不同的话，将不能实现单选效果。

type=”hidden“：输入方式为隐藏域，它不会显示任何输入介面

name=”yonghu“：隐藏域文件的名称。

value=”芙蓉“默认值。

表单标签<form>中必须设置enctype=”multipart/form-data“来确保文件被正确编码，另外表单的传送方式必须设置成post。

<input type="file" name="file">,file翻译为文件的意思，但需要上传文件时，输入控件类型为file。

框架由一对<frameset>定义，<frame>必须在<frameset>范围中使用。

<frameset>有两个属性：rows和cols

rows定义上下分割的框架的大小，

cols定义左右分割的框架的大小。

在定义大小时，row和cols可以使用相对大小或以百分比为单位。

frameborder:各窗口边框的设置。

frameborder=yes，no，1,0.四个值可以选择，1,0和yes，no的意义相同。

framespacing：框架边框的宽度。

bordercolor：框架边框的颜色。

src：表示在本框架里显示网页的url。

name：定义该框架的名字。这个名字可以被一些网页元素引用，如被<a>引用。

框架通常是有多个窗体组成，默认连接是打开一个新窗体，那么控制新船体显示在框架中指定位置时，就需要<a href="c.html"target="框架名">打开连接</a>

scrolling：是否显示滚动条。

noresize：框架在浏览器里不可以被调整大小。默认是可以调整大小的。

多媒体页面基本语法

embed可以用来插入各种多媒体，格式可以是midi,wav,aiff,au,mp3等等，netscape及新版的ie都支持。url为音频或视频文件及其路径，可以使相对路径或绝对路径。

示例：<embed src="your.swf">

注意：如果没有效果显示，请检查机器师傅安装相关插件。