黑马Java学习笔记之-----HTML

 ---------------------- android培训java培训期待与您交流! ----------------------

 

HTML

HTML书写格式:

<html>

<head>

<title>标题</title>

</head>

<body>

网页内容

</body>

</html>

 

<form></form>标签

<input type="text"/>文本框,
<input type="password"/>密码输入框
<input type="radio" name=""/>单选框,name将多个单选框划为一组,name相同的单选框只能选一个
<input type="checkbox"/>多选框
<input type="file"/>文件浏览框
<input type="button" value="按钮名称"/>按钮
<input type="submit"/>提交按钮
<input type="reset"/>重置按钮
<input type="hiden"/>隐藏,封装一些不需要用户看到,却要提交到服务器的信息
<input type="image" src=""/>也具有提交数据的功能
<select>下拉框,<option>子选项 , multiple属性
<textarea cols="" rows="">文本区域

文本标签
       <h1></h1>……<h6></h6>:标号越大,字体越小。

<b></b>粗体.

<i></i>:斜体

<u></u>:下划线

<sub></sub>:下标

<sup></sup>:上标。

<tt></tt>:打印风格的字体显示字体

<cite></cite>:引用的风格显示字体

<em></em>:显示需要强调的文本:斜体加粗体

<strong></strong>:显示文本,黑体加粗体。

<font></font>:对显示文本的字体,字号,颜色进行改变。

font属性: face:字体的名称、size:字体的大小、color:字体的颜色

 

<body>标签的属性

text属性:用于设定整个网页中的文字颜色。

link属性:用于设定一般超链接文本的显示颜色。

alink属性:用于设定鼠标移动到超链接上时,超链接文本的显示颜色。

vlink属性:用于设定访问过的超链接文本的显示颜色。

background属性:用于设定背景墙纸所用的图像文件,可以是GIF或是JPEG文件的绝对或是相对路径。

bgcolor属性:用于设定背景颜色,当已设定背景墙纸时,这个属性会数去作用,除非墙纸有透明部分。

leftmargin属性:设定网页显示画面与浏览器窗口左边沿的间隙,单位为像素。

topmargin属性:设定网页显示画面与浏览器窗口上边沿的间隙,单位为像素。

class,name,id,style等属性。

 

 格式标签

<p></p>:用于创建一个段落。align 对齐: left,right,center

<br>:空标签,换行。

<nobr></nobr>:防止浏览器对过长的内容进行换行。

<blockquote></blockquote>:缩进

<center></center>:水平居中

<marquee></marquee>:behavior属性:slide(移动一次),laternate(方向内往返移动),scroll(相同方向循环移动)。direction属性:up,down,left,right。

<dl></dl>:列表。

<dt></dt>:列表上层条目。

<dd></dd>:列表下层条目。

<ol></ol>:用于创建数字顺序的列表。

<ul></ul>:圆,方块等无顺序的列表。

<li></li>:具体的列表项。

<pre></pre>:对文本进行与格式处理。不忽略空格换行,显示原格式。

 


文本标签

<h1></h1>……<h6></h6>:标号越大,字体越小。

<b></b>粗体.

<i></i>:斜体

<u></u>:下划线

<sub></sub>:下标

<sup></sup>:上标。

<tt></tt>:打印风格的字体显示字体

<cite></cite>:引用的风格显示字体

<em></em>:显示需要强调的文本:斜体加粗体

<strong></strong>:显示文本,黑体加粗体。

<font></font>:对显示文本的字体,字号,颜色进行改变。

font属性: face:字体的名称、size:字体的大小、color:字体的颜色

超链接标签:

<a href=””></a>

target属性:指明浏览器在那个窗口显示或真正显示超链接所指向的目标网络资源

定位标记:<a href=”#mark”> #表示本页的超链接,跳到定位标记处。

<a name=mark>:定义地位标记,

<a href=””></a>:如果是网站会指向默认网页,本机会指向网页所在的文件夹。

分区标签
div标签

<div></div>:称为区域标签,用于将若干相邻的HTML元素组成一个区域块,对这个区域块进行设置和操作,就可完成对区域中所有元素的设置和操作。使用<div></div>标签在页面上定义的一块区域中,可以包含任何HTML元素,通过改变<div>的属性,可以让其中所有的元素随之出现、消失、更改、移动等。如果要将同一个或多个格式化属性一次一你敢用与几个相邻的web页面元素,就可以使用<div></div>标签来包含这些元素。

<div>标签可以用来组合其他的HTML元素,但是,<div>标签本身不能嵌套在段落元素中,例如,<p>aa<div>bb</div>cc</p>的结果是不确定的。<div>应用于Cascading Style Sheets(级联样式表)和客户端脚本编程方面会更显威力,它的最终目的是为设计者提供另一种组织页面元素的能力。


span标签

<span></sapn>标签对本身没有任何意义,它专门用于CSS和客户端脚本编程中,用来同一行文本内选取一个片段。例如,要将文本zhangsan中的前半部分zhang单独选取出来,作为一个被CSS和Javascript调用的独立单元,就可以使用<span>zhang</span>san.

<span>与<div>的不同之处在于:<div>是一个定义区块(block)的元素,在<div>……</div>之间是一个很完整的段落区块。<span>是文本级元素,是可以在段落、列表条目等项目中使用的元素,当想在一组单词之间进行分隔处理时,就应该使用<span>标签,例如:<p>aa<span>bb</span>cc</p>。<span>中不能嵌套其他的封闭级元素。

<span>本身对嵌套在其中的文本没有任何影响,只能借助于CSS和客户端脚本编程来对<span>元素进行处理,

头元素

通常位于<head></head>之间的元素。包括title、base、link、meta等。这些元素可用来表明网页文件的有关信息。

<base></base>标签:用于指定网页中的超链接的基准地址,以改变网页中所有使用相对地址的url的基准地址。只能应用于文件的开头部分。


<link>标签

<link></link>:标签只能应用于文件的开头部分,它定义了当前文档和另一个文档或资源之间的管子。例如,当前网页文档的显示样式由另外一个样式定义文件控制,就需要使用<link>标签说明这种关系。

属性:href、rel(表示链接资源在当前文档中定义,此时由href属性定义链接目标)、rev(表示链接目标在当前文档中定义,此时href属性定义链接源)、title、type、media。rel或rev定义link所连接的两个资源之间的关系类型,二者必须其一;属性href包含着第二个资源的url,这也是不许填写的;title属性说明链接的关系,也可以是描述目标资源的字符串,是可选的;type、media也是可选。

rel、rev属性的取值:

contents:这个链接指向的文档作为表格的内容出现。

index:指向的文档中提供一个当前文档的索引。

glossary:这个链接指向的文档提供一份当前文档的词汇表。

copyright:指向当前文档的版权语句。

next:指向文档系列中的下一个文档,这个值通常与rel一起使用。

previous:指向文档系列中的上一个文档,这个值通常与rev一起使用。

start:指向一套组合文档中的第一个文档,这个链接告诉搜索引擎哪个文档是这套组合文档的起点。

help:这个链接指向一个提供帮助的文档。

bookmark:指向一个书签,书签是到扩展文档的入口点,可以用title属性来对书签名命名,一个文档中可以定义多个这样的书签。

stylesheet:指向一个外部样式的文件。

alternate:指向一分文档的不同版本,当与lang属性一起使用时,按时着一个相同文档的翻译版本,当与media属性一起使用时,指另一个某提版本。

shortcut Icon:指向一个图标,这个图标将显示在浏览器地址栏和收藏夹列表中的url地址前,替换浏览器提供的默认图标。要实现这种效果,首先要做一个16X16像素的图标,假设保存为favicon。ico文件,将这个图标文件与要使用shortcuticon icon链接的HTML文件放在同一个目录中,然后再HTML文件的<head></head>标签对中加入如下语句:<link rel=”shorcut Icon” href=”favicon.ico”>即可。

type属性给出了目标资源的mime类型,例如,HTML文档的mime类型是text/html,css样式表文件的mime类型是text/css...

media属性用于指定目标资源被接受的介质或媒体,一个网页文件可能会在多种戒指或媒体上输出,最常见的输出方式是将网页显示在计算机屏幕上,但有时候也会将网页交给打印机打印输出,通过指定media属性可以让连接的目标资源只能在当前网页输出到某种介质或媒体上时才起作用。media允许的取值有:

screen:提交到计算机屏幕,这是默认值。

print:输出到打印机。

projection:提交到投影机。

aural:用扬声器输出。

braille:提交到凸字触觉感知设备,供盲人使用。

tty:提交到电传打字机。

tv:提交到电视机。

all:所有输出设备。

 


 

 ---------------------- android培训java培训期待与您交流! ----------------------

posted @ 2013-04-29 02:27  Mercy_K  阅读(214)  评论(0编辑  收藏  举报