html基础(课程需要,不喜勿喷)

这几天所学习的内容
基础标签
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表示表格的表尾。

定义表头单元格,定义行,定义单元格 表格的合并分为两种跨列合并(colspan)和跨行合并(rowspan)

表单
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

大概就这些了……
在学习过程中也遇到了一些问题,在写定位的时候有一点茫然,不知道应该写在哪里,不确定是使用相对定位还是绝对定位,在这里卡了很久。自己试了一会不得其要领,便询问了一下学霸同学才慢慢懂了一点,打算自己多写一些掌握了之后再来……

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值