前端之Html初学

http://www.cnblogs.com/yuanchenqi/articles/6835654.html

Html的结构:

浏览器渲染顺序:从上到下,从左到右

用到最多的标签div 和span,它们都是空白标签,即它们没有任何样式

标签按是否独占一行进行分类:

1 块级标签(block)独占一行 如h1  p  div

2 内联标签(inline)根据内容而定 sub  sup  span

标签按是否成对出现进行分类:

1成对出现的(双边标记),如:开始标签<div>和结束标签</div>.它们之间的部分叫标签体,标签体可以在浏览器的文本框中展现

2只有一个标签,叫自闭和标签.如:<img>

Meta标签,它一般自设定时用到两个属性,分别是name和http-equiv属性,

注:它不同的属性又有不同的参数值,这些不同的参数值就能实现不同的网页功能

(1)  name属性:主要用于描述网页,它与属性content成对出现,如下:

<meta  name =”keywords”  content=”IT”>  表示的是在搜索关键字是IT的网页时,会搜到该网页.即当name属性的参数值是keywords, content属性的参数值是keywords的内容(以某某为关键字),

<meta  name=”description”  content=”IT是沟通世界的桥梁” > 表示的是对该网页的简单描述.content是描述的内容

(2)  http-equiv属性:主要用于设置http协议中的响应协议的响应头文件的内容,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页的内容,它与属性content成对出现,如下:

<meta http-equiv =”refresh”  content=”3;url地址”> 表示的是在当前页面中停3秒后跳到url地址页面中.http-equiv的参数值是响应头文件中的refresh,而content的参数值是refresh对应的值,而refresh的作用是,等几秒后跳到指定url页面.注当content=”3;”只有时间没有网址时,就是等3秒后自动刷新该页面

<title>oldboy</title>   网页的标题设为oldboy,

<link rel=”icon”  href=http://www.jd.com/favicon.ico> 对网页的图标进行设置

2 对id的理解及使用

<p  id=”part1”>hello</p>   其中id是该p标签的身份证,可唯一识别该标签,通过#part1 就能定位该标签