web项目创建笔记

1.head

<head></head>

1.以前在div,css布局中常把网页内容分为头部,内容,底部。HTML5新增header为标签元素
2.meta是html语言head区的一个辅助性标签,可以搜索引擎优化,定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口。meta标签共两个属性:http-equiv和name属性。name属性主要用于描述网页,与之对应的属性值为content,content内容主要是便于搜索引擎机器人查找信息和分类信息使用。http-equiv属性相当于HTTP的文件头作用,它可以向浏览器传回一些有用的信息,以便正确精确显示网页内容,与之对应属性值为content,其中内容就是各个参数的变量值
3.charset=utf-8,告诉浏览器(解释器),按utf-8字符编码方式解析内容,UTF-8是UTF-8编码是一种目前广泛应用于网页的编码,它其实是一种Unicode编码,即致力于把全球所有语言纳入一个统一的编码。
3.link标签作用是连接外部的css文件和收藏夹图标。引入外部css样式:设置网站小图标:rel:定义的是该文档与外部css样式表即stylesheet,herf是外部css地址,type规定外部链接文档是什么打开类型。
4.script调用外部js文件
5.title在这里插入图片描述

网页最上方例如这个新建标签页就是在title标签写的
6.lang="en"是表示此页面定义为英文网页。
7.rel是relationship英文缩写,stylesheet中style是样式意思,sheet是表格,rel="stylesheet"描述了当前页面与href所指定文档的关系,即说明的是,href连接的文档是一个新式表。

2.body

#header+#nav+#main+#footer

<body></body>

header

1.onload表示页面包含图片等文件在内的所有元素都加载完成
ready表示文档结构已经加载完成,不包含图片等非文字媒体文件
2.定时函数setInterval():setInterval(code,millisec[,"lang"])周期性执行或调用code之间的时间间隔,以毫秒记。
3.<br>标签可以插入一个简单的换行符。
4.<tbody>表格主体<td>标签定义HTML表格中的标准单元格,<tr>标签定义HTML表格中的行。<span>用来组合文档中的行内元素,<b></b>加粗文本。.<i>标签用于显示斜体文本效果。
5.<span></span>用来组合文档中的行内元素,span没有固定的格式表现,当对它应用样式时,它才会产生视觉上的变化
6.层定位图片列表,固定定位广告

nav

1.<nav></nav>navigation有导航的意思,nav标签是用来定义导航链接的部分,nav标签中的内容默认没有显示效果,只表示该区域是导航链接部分,nav标签只起语义的作用,没有实际的显示效果,nav的标签内容通常是一个列表。
2.鼠标悬停:hover. 超链接激活的状态:active.

main

1.margin的值对于上下的垂直方向的边距有一个合并效果。

footer

1.行高和高度相同的值,文字就会垂直居中对齐。
2.main内容有左右浮动,footer部分为了不移动上去,故设置clear:both;两个方向清除浮动。

3.css

1.id一般用来做布局,class一般做页面样式
2.span是一个行内元素,不能设置宽高。调整位置使图片显示
3.浮动的元素脱离文本流,清除浮动,线出现
4.宽度设置后,内容在宽度内浮动

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

尾迹双冒号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值