这几天所学习的内容
基础标签
html标签:标记语言 , head标签:网页头部 , body标签:网页主体部分,h1-h6:标题标签,font标签,字体标签:设置大小(size),颜色(lcolor),字体(font-family).
有序列表OL(type取值只有1、a、i,若输入其他值计算机无法识别,执行默认值)
无序列表UL
定义列表DL
滚动标签marquee有两个属性,一个是scrolldelay表示滚动延迟时间,默认值为90,另一个是direction表示滚动的方向,默认是从右到左。
还有一些常用的标签:段落p,图片image,超链接a,音乐audio,视频video等
表格
用table定义表格,属性分别是:border表示设置表格的边框,cellspacing表示单元格与单元格之间的距离,0为没有距离,默认为1,align控制水平位置left(左对齐)、right(右对齐)、 center(居中),Width是通用属性用来设置宽度等。
用caption表示表格标题,thead表示表格的表头,tbody表示表格的主题内容,tfoot表示表格的表尾。
表单
from供用户输入的html表单,常用属性有method(get,post)如何发送表单数据,name规定表单的名称,必须属性是action提交表单时想什么地方发送数据。
类型:单选框(radio),复选框(checkbox),密码框(password),图片(image),文本字段(text),按钮(submit自动提交按钮,reset重置按钮,button按钮,image图片按钮)
select表示下拉列表,option表示下拉列表中的选项,textarea定义多行的文本,label定义input元素的标注等。
frameset标签:
框架标签,该标签有两个主要关键字cols和rows,他们的参数为px像素点、按页面百分比和三种(其中代表余下部分,实验后发现参数*可以多个存在,彼此之间把余下部分平均分)。(frameset不能与body同时存在)
Cols:可以有三个参数,将页面分割成左中右三个部分。
Rows:可以有三个参数,将页面分割成上中下三个部分。
<frameset rows="25%,100px,*">
<frame name="a1" src="1.html"/>
<frame src="2.html"/>
<frame src="3.html"/>
</frameset>
target关键字:
同一页面,一个框架窗口中用超链接a标签连接到另一个框架窗口中。
在框架窗口写下代码
<frameset rows="25%,100px,*">
<frame name="a1" src="1.html" />
<frame name="a2" src="2.html"/>
<frame name="a3" src="3.html"/>
</frameset>
在被跳转页面写下代码
<a href="#" target="#a1">超链接</a>
2019年2月27日
样式表 (CSS)基础
样式分为内嵌、内联、外联三种(就近原则,哪个近就使用哪个)
内联样式(页内):
<style type="text/css">
h2{
width: 200px;
}
</style>
内嵌样式(行内):<h2 style="color:green;">Hello,world!</h2>
外联样式(页外):<link rel="stylesheet" type="text/css" href="css/index.css" />
常见选择器:标签选择器,class选择器(可以跨越标签运用),ID选择器,交集选择器,并集选择器等
CSS背景:背景图片(background-image),背景颜色(background-color),背景图是否重复(background-repeat)
CSS文本:颜色(color),方向(direction),行高(line-height)等
盒子模型:外边距margin,内边距padding,边框border等
行内元素:不能再里面添加其他标签,如超链接a
块级元素:可以设置高宽,可以在里面添加其他的标签,常见的块级元素有div,p,ul,li,span等
属性display:显示为块级元素(block),显示为行内元素(inline),不会显示元素(none)
定位:
1、相对定位:relative(按照自己之前的位置为基准)
2、绝对定位:absolute(按照网页的左上角的位置为基准)
3、固定定位:fixed(鼠标向下滚动时,会一直显示,例如导航栏)
浮动float:主要属性为left,right
大概就这些了……
在学习过程中也遇到了一些问题,在写定位的时候有一点茫然,不知道应该写在哪里,不确定是使用相对定位还是绝对定位,在这里卡了很久。自己试了一会不得其要领,便询问了一下学霸同学才慢慢懂了一点,打算自己多写一些掌握了之后再来……