html的必背知识

html标签不区分大小写。一般用小写。
双标签:例如<html></html>
单标签:例如 <br/>
css、javascript可以定义在html的头部。


<head>标签:
属性:<base>  例如: <base target=_blank>表示网页中所有的超链接的目标地址都在新建窗口中打开
src、href、url的区别
src 是指向物件的来源
href 是指向需要连结的地方
url 是通用的 "连结" 的专业代名词,在 HTML 语法里几乎不会使用,一般用在background-image的属性中。
src 通常用作 "拿取" 而 href 用作 "连结前往"
例如 <img src="image.jpg" />
就是 src 拿取 image.jpg 作为这个 img 的源档案… 就是 <img> 显示 image.jpg 的意思
例如 <a href="image.jpg" />
就是 href 跳转到 image.jpg… 就是网址会跳转到 image.jpg 的意思


<meta name="Keywords" content="value"> 设定关键字,关键字是给搜索引擎提供的。Keywords表示关键字的定义,content属性值表示关键字的内容。


设定自动刷新
<meta http-equiv="refresh" content="value"> refresh表示自动刷新,content属性值表示刷新间隔的秒数。


设定自动跳转
<meta http-equiv="refresh" content="value ;URL=URL_Value"> content属性值分两部分:第一部分value表示间隔多少秒才跳转,第二部分是具体跳转的URL地址。例如:<meta http-equiv="refresh" content=''5;URL=http://www.sohu.com">


在html中,背景图片会将图片放在页面的底层,文字或其他插入的图片位于背景图片之上,默认情况下,背景图片在水平方向和垂直方向上会不断重复出现,直到铺满整个网页。


假设需要链接文字的颜色为红色,单击时显示为黄色,访问过后显示为黑色,则可以通过<body> 标签的link、alink、vlink三个属性值,例如:
<body link="red" alink="yellow" vlink="#000000">


在html中,字体标签<font></font>默认字体大小为3,size。


在html中,段落标签<p></p>,它的align(段落对齐方式)属性值有left,right,center,justify。


在html中,换行标签<br/>(单标签),水平线标签<hr/>(单标签),标题标签<hn></hn>,h1字体最大。


建立列表
有序列表:<ol></ol>和<li></li>  <ol>有两个属性,type:规定列表的类型,默认为数字。start:规定列表中的起始点,默认为1.
无序列表:<ul></ul>和<li></li> 它的type:disc(实心圆),circle(空心圆),square(方块)


插入图像
<img src="img_URL" alt="value">  <img>标签并不会在页面中真正插入图像,而只是提供了一个链接地址,链接显示出图像,所以说,<img>标签创建的是被引用图像的占位空间。


如果想要实现点击一张图片链接到另一个页面,就在<a></a>里面加div或者img。


表格:
作用:  1.显示 数据    2 .页面布局
一个表格由一个表格标签<table>,表格行标签<tr>,单元格标签<td>组成,还可以包括标签<caption>,列标签<th>
在html中通过<caption>标签可以直接添加表格的标题,还可以 控制标题文字的位置。<caption>标签必须紧随<table>标签之后,且只能对每个表格定义一个标题,并默认这个标题会被居中于表格之上显示。


带表头的表格:<th></th>


cellpadding 设置了单元格内容和边框之间的距离,cellspacing 设置了单元格之间的距离。colspan属性用于 创建跨多列的单元格,rowspan属性用于创建跨多行的单元格。


框架
框架主要包括两个部分:框架集和框架。框架集(frameset)是一个页面文件,它的目的是将浏览器窗口划分成多个子窗口(或称框架),而框架是通过框架集划分出来的一个区域,用于显示与浏览器窗口其余无关的独立页面。
使用框架技术,刷新页面时只需要下载、更新有变化的框架页面,其他的框架页面不需要下载更新,能达到节省流量的好处外,还可以实现页面布局和复用功能。


在某个框架页面中时常会安排导航连接,点击导航连接会在指定的框架页面中显示:首先在指定的框架加name属性,目的是当用户在导航框架页面中点击导航连接时,能指定需要更新哪个框架的页面,导航框架中一般用超链接,超链接的href属性用于指定要更新的页面,target属性用于指定在哪个框架中进行更新。


内嵌框架使用
语法:
<iframe src="内嵌页面URL" name="框架名"></iframe>   <iframe>标签中可以设置scrolling属性值。


表单
语法:
<form action="表单提交地址" method="提交方法">
......
</form>
表单的作用在于收集用户输入的信息,提交到指定位置进行处理,基本语法中的action属性(表单提交地址)就是这个指定位置。如若不填,则默认用当前页面进行处理,但不建议这么做。method属性规定了表单提交方式,最常用的有两种方式,分别是GET和POST.。其中GET是把表单中的参数放置在HTTP请求的头部发送给服务器,而POST是将请求参数置于请求体内发送。


input元素的基本用法:
<input type="元素类型" name="表单元素名称"> 


input的alt怎么用?
alt 属性只能与 <input type="image"> 配合使用。它为图像输入规定替代文本。
alt 属性为用户由于某些原因无法查看图像时提供了备选的信息。


单选框和多选框
单选框按钮用于一组互相排斥的选项,为了把若干个单选框组成一组,需要将它们的name属性设置为同一值,以确保该组中只能有一个选项被选中。复选框和单选框按钮的区别在于,复选框可以同时选中多个选项。不论是单选按钮还是复选框,在选项的input元素中设置checked属性,都可以让该选项框默认被选中。


对于表单而言,由于提交的表单数据包括文件数据、表单数据等内容,所以必须将form标签的enctype属性设置为multipart/form-data,表示将表单数据分为多部分提交。


非input元素:


1.下拉列表框:<select></select>和<option></option>
2.多行文本域:<textarea></textarea> 其中cols属性定义了文本域内的可见列数,rows属性定义了可见行数。 
  • 4
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值