一.标签
1.认识网页
网页是由文字,图像和超链接等组成,包括音频,视频和flash等
2.浏览器(显示代码)
浏览器是网页显示,运行的平台,常用的浏览器有ie浏览器,火狐浏览器,谷歌浏览器等
safari和opera等,我们平时称为五大浏览器
3.常用的浏览器内核
负责读取网页内容,整理讯息,计算网页的显示方式并显示页面.
浏览器 | 内核 | |
IE | trident | ie,猎豹安全,360极速 |
firefox | gecko | 没落 |
safari | webkit | |
chrome | chromium/blink | 大部分国产浏览器最新版采用blink内核 二次开发 |
移动端的浏览器内核主要说的手系统内置浏览器内核
android 手机而言,使用最高的是webkit内核,大部分国产浏览器宣扬的自己的内核,基本上也是属于webkit的二次开发
ios以及wpt平台上,由于系统原因,系统大部分自带浏览器内核,一般是safari或者ie内核 trident的
4.web标准
网页中web标准三层组成
构成:结构,表现,行为
html,css,javascript
标准 | 说明 | |
结构 | 对网页元素进行整理和分类 | html |
表现 | 对网页元素的版式,颜色,大小等样式进行设置 | css |
行为 | 对网页模型进行定义以及交互编写 | javascript |
理想状态下,三者都是相互独立的,放在不同的文件里
7,html标签有哪些
图像标签
文字标签
链接标签
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
8.html的标签关系
嵌套关系 ------父子关系 ,缩进一个 tab键
包含关系---------兄弟关系
9.代码开发工具
sublime
<!Doctype.html> 告知 浏览器,文档处于哪种html编码规
相关的字符集
<meta charset="utf-8">
utf-8 全球通用
gbk 国标中文体系
通用方法是utf-8
10.常用标签
一.标题标签
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
2.
标签 | xhtml | 显示效果 |
<b></b> | <strong></strong> | 文字粗体 |
<li></li> | <em></em> | 文字斜体 |
<s></s> | <del></del> | 文字删除线 |
<u> </u> <ins> </ins> 加下划线
11标签的属性
<标签名 属性1="属性值1" 属性2="属性值2" 属性3="属性值3"> 内容 </标签名>
12.图像标签img
<img src ="图像url"/>
该语法 中src 属性用于 图像文字的路径和文件名,他是img必需属性
<img/> 标记属性
src | URL | 图像的路径 |
alt | 文本 | 图像不能显示时候的替换文本 |
title | 文本 | 鼠标悬停时显示的内容 |
width | 像素 | 图像的宽度 |
height | 像素 | 图像的高度 |
border | 数字 | 图像边框的高度 后面我们会用css来做 |
13.链接标签
<a></a>
<a href="#">文本</a>
不仅可以创建文本,图像,表格,等均可,就是谁用包谁
target="_blank" 在新窗口打开
target="_self" 在当前窗口打开
14.注释标签
<!----------这是注释语句--------> ctrl+/
15.路径的概念
相对路径--------1.同一级路径 直接引用即可 从代码文件所在的文件出发,去寻找我们的目标文件
2.下一级路径 /
3.上一级路径 ../
绝对路径-----从根目录出发 \ 绝对路径的\是相反得
绝对网络地址-----了解但不推荐使用
16.锚点的概念
锚点定位---------页面内跳跃
用户很开定位到目标的内容
创建锚点分为两步
1.创建锚点
使用相应的id名称标注跳转目标的位置
<h3 id="001"> 锚点跳转</h3>
2.使用
<a href ="#001"> 链接文本</a>
17.base标签
<base target="_blank"> 在head 设置整体链接的打开状态
18.预格式化标签
<pre >
</pre>
用得很少,主要后端程序员调节页面使用
