1.常用标签:所有的标签都有id属性和name属性
a标签:一个链接标签,常用属性:target属性可以用来指定打开链接的位置,可选值有:
1._self:表示在当前窗口打开(默认值),
2._blank:在新窗口中链接
3.该属性可以设置一个内连属框架name值,这样就可以在指定的内连框架中打开,例如:
4.href属性可以指定一个页面
<a href= "demo.html" target=tom>跳转<a/> <iframe src="demo1.html" name="tom"></ifeame>
div标签:该标签没有任何的语义,该标签注意用来对页面进行布局
<div>div标签<div/>
span标签:该标签没有任何额语义,它专门用来选中文字设置样式
<span><span/>
img标签:用来显示图片的一个自闭合标签,常用属性有 :
1.src:指定图片的地址
2.设置图片的宽
3.height:设置图片的高
input标签:是一个输入框标签,常用属性
type属性的值有,text,password,submit,radio,chekbox
value属性可以根据需求来填写
<input type="checkbox" name="vehicle" value="Bike">I have a bike
2.块元素和内联元素
1.块元素就会独立占一行的元素,无论它内容有多少它都会独占一整行 ,常见的块元素有div , p , H1,......这些 都是块元素
2.内联元素指的是占自身大小的元素,不会占用一行,常见的内联元素,a,img,iframe,span.....这些就是 内连元素
3.CSS定位元素(position)
1.relative:身边没有任何标签时默认以左上角为中心进行移动
在有两个标签时
(1.标签有定位时,2标签也有定位时) 2标签移动以1标签的左下角为中心移动,2标签会覆盖1标签
(1.标签没有定位时,2标签有定位时)在设置了移动属性时2标签脱离标准的文档流,浮在1标签上方法,以左上为中心移动
2.absolute:默认以四边的角为中心进行移动,而且移动位置只限于当前视图,就算body标签设置了长度也不会根据body标签为标准来进行移动,当两个标签同时有定位 元素时2标签会覆盖1标签
3.fiexed:默认以四边的角为中心进行定位,该元素不会受制于父标签,跟absolute比较相似