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

HTML学习笔记

2016-03-01 09:37 579 查看

Html ---- 超文本标注语言控制网页结构

CSS ---- 层叠样式表控制元素的样式

JSP ---- 客户端脚本语言控制元素的行为

<body bgcolor="" bgground="image/1.jpg">

<font size="7" color="blue" face="楷体"><u>Dog</u></font>

<b></b> 加粗bold

<i></i>斜体itlic

<u></u>下划线underline

<s></s>删除线strike

<sup></sup>上标

<sub></sub>下标

<font></font>字体标记

　　　　　　　　size：文本大小，1~7

　　　　　　　　color

　　　　　　　　face：字体

<p></P>表示一个段落

　　　　常用属性：align（水平对齐方式）取值：left，center，right

<hr>水平线

　　　　size：粗细，单位为像素

　　　　color：颜色

　　　　width：50%

　　　　noshade：是否有阴影

<pre></pre>预排版标记

<h1>...<h6>标题标记

-------------------------------------------------------------------------------------------------------------------------

；半角空格

两个空格

<div>和<span>标记：

<div>是没有任何作用的标记，但是使用做多。<div>一般与css配合使用。<div>是一个块元素。

<span>和<div>差不多，<span>是行内元素。

HTML字符实体

空格：；

< : <

> : >

& : &

￥ : ¥

* : ×

/ : ÷

<ul>

　　<li>内容</li>标记

<ul>

<ul>或<li>的常用属性

　　　　　　Type：项目符号类型，取值：disc（小黑点），circle，square

HTML编号列表（有序列表）

<ol>

　　　　<li>...</li>

</ol>

type:类型 start:从第几个开始

滚动字幕标记<marquee>

<marquee>...</marquee>

Direction:滚动方向：up,down,left,right

Width ; Height

bgColor:滚动背景色

scrollAmount：滚动步长值

ScrollDelay：两步之间的停留时间

loop：循环次数

图片标记

<img 属性=""> width height border:边框粗细 src：图片路径 Align Hspace Aspace

超级链接

<a></a>

　　Herf:目标文件地址，可以是相对或绝对

　　Target：目标文件的显示窗口

　　　　　　--blank:在新窗口打开目标文件

　　　　　　--self：在当前窗口打开目标文件

　　　　　　--parent：在父级窗口打开

　　　　　　--top：在最顶级窗口打开

　　Name：定义锚点链接的名称

相对URL

　　1.当前文件和目标文件同级，直接写herf=“1.HTML”

　　2.当前文件和目标文件所在的文件夹是同级herf=”image/1.html"

　　3.../代表上一级，../../代表上两级

特殊的连接

　　什么样的文件会出现下载提示，不能直接执行的都会出现下载提示

　　邮箱连接<a herf="mailto:beijing@qq.com">

　　普通空连接<a herf="#">..</a>

　　JS连接<a herf="javascript:windows.close()">..</a>

锚点链接：在一个网页的不同区域进行跳转

　　1.定义锚点（做记号） <a name="锚点名称"></a>

　　2.跳转到锚点<a herf="文件名#锚点名称">...</a> 文件名可有可无，同一个网页不需要文件名，不同网页则必须有文件名。

<Meta>标记

　　　　提供网页的元信息。比如：指定网页的搜素关键字。

　　1.http-equiv：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的显示网页内容。一般与content配合使用。content属性指定信息的详细参数。

　　<meta http-equiv="content-type" content="text/html";charset=utf-8"/>

　　<meta http-equiv="refresh" content="2"/> 网页自动刷新

　　<meta http-equiv="refresh" content="2";url="www.baidu.com"/>

　　2.name:主要用于设置网页的搜索关键字，作者，版权

　　<meta name="keyword" content="网站建设"/>

　　设置网站的描述信息<meta name="description" content="..."/>

DTD文档类型定义：是一种验证机制，也就是说检验一下你写的HTML

DTD有三大分类：

　　1.严格行的DTD

　　2.过渡行的DTD

　　　　<!DOCTYPE html PUBLIC "-//WSC//DTD XHTML 1.0...""http://.../xhtml/-transitional.dtd">

　　3.框架的DTD

表格标签

　　1.表格的结构

　　　　　　<table>

　　　　　　　　　　<tr>

　　　　　　　　　　　　<td>...</td>

　　　　　　　　　　</tr>

　　　　　　</table>

　　　　table属性：width,height,border,bgcolor,background,bordercolor

　　　　<th></th>标题行

表单

　　　　<form name="1">

　　　　　　　用户名：<input type="text" name="username"/>

　　　　　　　密码：<input type="password" name="userpwd"/>

　　　　　　<input type="submit" value="提交"/>

　　　　</form>

　　　　name

　　　　method:表单的提交方式，get&post

　　　　action:指定表单的处理程序

　　　　enctype：加密方式。有两个取值：application/x-www-form-urldecoded(post);multipart/form-data

<input></input>选项

<select></select>选择，下拉列表

文本区域<textarea name="..." cols="宽度" rows="高度"></textarea>

<input type="submit" name="提交“/>

<input type="reset" name="重置“/>

<input type="image" src="1.jpg"/> 功能就是submit

<input type="button" value="..."/> 一般与JSP配合使用

上传文件域

<input type="file" 属性="属性"/>

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

标签：

相关文章推荐

新的分享

章节导航