HTML笔记-超文本标签语言

  HTML语言全称叫做Hypertext Markup Language,也就是超文本标签语言,是一种用来制作超文本文档的简单标签语言,也就是用来制作网页的内容。此处只简单的学会HTML的基本结构和基本标签。

  HTML标签主要分为:段落格式标签,超级链接标签,图像标签,框架标签和表单标签。

  基本标签:

1.<HTML></HTML> 用来标识HTML文档的开始和结束,是HTML最基本的标签。

2.<HEAD></HEAD> 标识文档的开头部分,该标签对中可以使用<title></title>和<script></script>标签。

3.<BODY></BODY>标识文档的主体部分,在此标签对中可以使用<p><h1><br>等标签,用来描述浏览器显示出来的内容。<body>标签还有以下属性:Bgcolor 设置背景颜色,Txet 设置文本颜色,Link 设置链接颜色,Vlink 设置已使用链接颜色,Alink 设置被单击链接颜色。

4.<title></title>用来修改浏览器窗口标题栏的文本信息。

此外,标签语言不区分大小写。

  段落格式标签:

1.<p></p>此标签用来创建一个段落,在此标签之间加入的文本将按照段落的格式显示在浏览器中。另外,该标签中还可以使用align属性用来说明段落的对齐方式,属性值left,center,right。</p>用来标识段落的结束,可省略。

2.<br>用来创建一个回车换行,若把<br>放在<p></p>外面,将创建一个大换行,若把<br>放在<p></p>里面,将创建一个小换行。

3.<div></div>标签用来格式化表,也用于文档分节,用法与<p></p>类似。

4.<span></span>标签用于在行内控制特定内容的显示,例如要对一行内的几个字设置特殊的格式,可以使用此标签将这几个字包起来,在设置格式。

  超级链接标签:

超级链接用来实现页面的联系与转换,即当用户单击超级链接时进入链接指定的文档或文件。超级链接的格式:<a href = 链接目标的位置>链接名称</a>  如果链接目标位于同一站点下,可以使用相对的URL,如果链接目标位于其他站点下,需要使用绝对URL。

1.<a href = myhtml.htm > 示例</a>链接到同一站点内的文档,单击“示例”时,跳转到同一文件下的myhtml.htm文件。

2.<a href = HTTP://www.myWeb.edu.com >示例</a> 链接到其他站点内的文档。

3.<a href = mailto : mymail@126.com >示例</a> E_mail链接,单击“示例”时,将调用系统设定的电子邮件程序,建立一个空白的邮件,mailto部分的邮件地址会被填入“收件人”一栏。

  图像标签:

使用img标签可以向网页中加入图像,常用属性:

src 指明图形文件的文件路径和文件名。

alt 当鼠标移动到图像上显示的文本,即在浏览器还没有完全读入图像时,在图像位置上显示的文字。

Height和Width 决定图像的高度和宽度,以像素为单位。利用这两个属性能提高图像的船速速度,原因是小的图像占用空间小,传输时时间短,所以可以创建一个比较小的图像,在浏览器上显示时按照比例放大显示。

border 决定边框线的宽度,0表示无边框。

注意:在使用src属性时,如果图片pic.gif放在HTML文档的同一目录下,代码可以写成:<img src = "pic.gif" >; 如果图片在当前HTML文档所在目录的子目录下(假设目录名为images),代码为:<img src = "images/pic.gif">; 如果图片在当前HEML文档的上层目录下(根目录下只有一个文件夹Web)代码为:<img src = ".../Web/pic.gif">;

  表格标签:

表格标签可以再一定的程度上控制文本和图像的位置。

1.<table></table>该标签用来创建一个表格,有以下属性:

bgcolor 设置表格背景色

border 设置边线框的宽度,0表示无边框

bordercolor 设置边线框的颜色

bordercolorlight 设置边框亮的部分颜色

bordercolordark 设置边框暗的部分颜色

cellspacing 设置表格格子之间空间的大小

cellpadding 设置表格格子边框语气内部内容之间空间的大小

width 设置表格的宽度

2.<tr></tr>,<td></td>,<th></th>

<tr></tr>用来设置表格的一行,具有的属性有:align 用来设置单元格中的文字的水平方向的对齐方式,valign 用来设置单元格中的文字的垂直方向的对齐方式

<td></td> 用来说设置表格中除了标题行中单元格的文字格式,具有的属性:colspan 可以设定跨多列的单元格,rowspan 可以设定跨多行的单元格

<th></th> 用来对用于设置表格标题中的单元格的文字格式,通常默认的格式为黑体居中

  框架标签

框架的标签为frame,他可用来向浏览器的窗口中装载多个HTML文件,即每个HTML文件占据一个框架,而多个框架可以同时显示在同一个浏览器窗口中,它们组成了一个大的框架,即一个HTML文件包含多个HTML文件。常用的方法是在一个框架中放目录,然后将HTML文件显示在另一个框架中。

1.<frameset></frameset>标签对放在框架主文档的<body></body>标签对外面,也可以嵌在其他的框架中,并且可以嵌套使用,此标签对有两个属性:rows用来规定主文档中各个框架的行定位,cols用来规定主文档中各个框架的列定义。当使用此标签对时这两个属性必须至少选一个。这两个属性的取值可以是百分数,绝对像素或星号”*“,其中星号代表哪些没有说明的空间,如果同一个属性中出现多个星号,则将剩下的没被说明的空间平均分配。同时,所有框架按照rows和cols值从左到右,从上到下排列。

2<frame>此标签放在<frameset></frameset>之间,用来定义某一个具体的框架。

<frame>标签具有两个属性,必须都被定义。

src属性是此框架的源HTML文件名,浏览器将会在此框架中显示src指定的HTML文件。

name属性是此框架的名字,这个名字是用来供超文本链接<a herf = "targt=">中的target属性,用来指定链接的HTML文件将显示在哪一个框架中。

注意:<frame>标签还有两个属性,可以不定义:

scrolling用来指定是否设置滚动条,其值为yes,no,auto

noresize直接加入标签中,无需定义值,用来禁止掉正一个框架的大小

3.<noframesets></noframesets>此标签也是放在<frameset></frameset>标签对之间。用来在哪些不支持框架的浏览器中显示文本或图像。再次标签对之间先紧跟<body></body>标签对,然后再使用别的标签。

  表单标签:

1.文本框  单行文本框和多行文本框,密码框野是一种文本框

单行文本框:<input type = text name = 控件名称 value = 传出值>

密码框:<inout type = password name = 控件名称 value = 传出值>

多行文本框:<textarea row = 行数 cols = 列数 name = 控件名称></textarea>

2.按钮

提交按钮:<input type = submit name = 控件名称 value = 显示值>

重置按钮:<input type = reset name = 控件名称 value = 显示值>

普通按钮:<input type = button name = 控件名称 name = 显示值>

3.单选按钮

<input type = radio name = 控件名称 value = 传出值>

4.复选框

<input type = checkbox name = 控件名称 value = 传出值>

5.下拉菜单

<select name = 控件名称 size = 显示项数>

<option>选项1</option>

<option>选项2</option>

<option>选项3</option>

</select>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值