本帖最后由 雨后丶初晴 于 2019-4-18 14:01 编辑
呐,既然你点进来了,不妨留下点你来过的痕迹吧(留个言,阔步阔以啊!)我随便说两句了啊。来黑马学习是个不错的决定,至少我是不后悔的,这里有和我一样的目标的人,这就不会在前进的路上孤单了。虽然是本科本专业的学生,但是大学嘛,大家也都知道,该学的自己学,不该学的,老师不教,所以说大学是我们最后一站安逸的旅程了(家里有矿的当我没说)毕竟出了大学就是我们自己闯荡社会的单行道了。说句不好听的,有所少人愿意去当啃老族呢,都是咬着牙自己拼(家里有矿的请忽略! 没皮没脸的当我没没说,出门左转谢谢)。来了,即是为了能奔一个好前程的,大家加油吧!
网页是由图片,文字,链接,视频,音频等等
网页是由w3c机构规定的一系列标签(英文单词)书写而成
ie 火狐 谷歌 Safari operra常见五大浏览器
浏览器的内核是用来读取网页内容,整理讯息,计算网页的显示方式并显示网页
由于各个浏览器的内核不同,所以我们遵循w3c发布的web标准保证我们的网页显示保证一致
web标准三层组成:
结构标准(html):页面基本结构的搭建
表现(样式)标准(css):页面的样式的美化
行为标准(javascript):实现页面的交互
html超文本标记语言用来描述网页的语言(不是编程语言)
用html标签来描述网页元素,像图片,文字,链接等
所有的标签要放在<>符号里
html的基本骨架
<html>
<head>
<title>标题</title>
</heda>
<body>
主要代码
</body>
</html>
head是给浏览器看的,body是给用户看的
标签的分类:单标签(<br/> <hr/> <img src="" />) 双标签
标签的关系
嵌套关系<head>
<title></title>
</head>
并列关系 <head></head>
<body></body>
sublime的使用小技巧
ctrl+n 新建
html:5 +tab键 或者 !+tab键出html骨架
新建一个项目文件夹
新建的文件必须放在新建的文件夹里面
后缀名用.html
<!doctype html>定义文档类型,规定是HTML5
lang=(定义语言)"en(英语)""zh-CN(中文)"
字符集:<meta charset="UTF-8">
GB2312简体中文
BIG5 繁体中文
GBK 繁体中文&简体中文
UTF-8基本包函所有国家的语言
语义化标签的目的
在合适的的地方放一个合适的标签,让结构更清晰
方便代码的阅读和维护
让浏览器或者爬虫跟好的解析内容
让搜索引擎更好的查找内容
常用标签
(1)标题标签 <h1></h1>
分为六个等级,权重依次递减,h1建议一行放一个标题标签,h2建议最多两个,h3-h6随意
(2)段落标签 <p></p>
(3)水平线标签 <hr />
(4)浏览器对空格和回车的解析
不管多少都按照一个算,除非 ;代替空格,换行用 <br />强制换行标记
div和span标签
<div> <span>
</div> </span>
是网页布局的盒子,div标签一行只能用放一个,span标签一行可以放多个,div主要用来进行整体布局,span一般用来小图标的使用。div和span都是布局标签。
文本格式化标签
加粗标签 <b></b>或<strong></strong>
斜体标签 <i></i>或<em></em>
删除线标签 <s></s>或<del></del>
下划线标签 <u></u>或<ins></ins>
图像标签img
<标签名 属性值1=“” 属性值2=“”...></标签名>
img是单标签,再引入图片的过程中必须加上src=“”来定位图片的位置
alt 替换文本,当图片不能显示的时候显示文字
title 提示文本,鼠标放在图片上会出现文字
修改图片大小
<img src=" " width(宽度)="" height(高度)="">
border 给图片加边框,一般不使用后期会用css设置
注意:1、src是必须书写的
2、设置图片是一般只设置一个,另一个会等比例放缩,设置两个可能会导致图片变形
链接标签
<a href="" target=""></a>
可以打开外部链接也可以打开内部链接(文件地址路径)target是链接打开的方式一般我们选择新窗口打开即 target=“_blank”
空链接是<a href="#"> </a>
注释标签
<!-- 中间的内容会被注释,有快捷键 Ctrl+?-->
说明代码的含义,更好的管理代码的可读性,程序不会对注释的代码进行解析。
相对路径
相对路径(从当前文件出发,去查找其他文件)
同级路径
文件和目标文件在同一目录文件夹里面,可以直接书写目标文件名
下级路径
文件和目标文件的父级在同一目录文件下则 父级文件名/目标文件名
上级路径
文件的父级和目标文件的父级在同一目录文件下则 ../ 翻回上一级文件夹 书写格式为
../文件父级文件/目标文件父级文件/目标文件
绝对路径
一般不用,带有网络的可以偶尔使用
锚点定位
实现页面内部的跳转
<h3 id="锚点">寻找的标题</h3>
<a href="#锚点">点击的标题</a>
base标签
在 head 中使用 base 标签
<base target="_blank"> 这样就可以统一 a 标签全部在新窗口打开
预格式化标签
<pre> 按照写好的文字格式来刷新页面,写什么就展示什么 </pre>
特殊字符
空格 ; 小于号 <; 大于号 >;
版权 ©
|
|