HTML-day01 主体思路
web 三大标准构成:
结构:html(由标签组成)、样式(表现):CSS
、行为:Js
(JavaScript网页模型定义及交互编写)。
- 网页由:图片、链接、文字等元素组成[标签元素→
css
渲染]。 - Browser 内核:
Chrome webkit bink。
- 渲染引擎:
html
,css
渲染到页面 /Js
引擎:解析JavaScript。
.
为什么遵循 web标准?
because:由于不同浏览器解析出来效果不一致,浏览器(B)内核不同,编写代码就有差异化,W3C
组织为了规范化,统一了web标准(各大B必须遵循这个规则)。
html:超文本标记语言:(Hyper Text Markup Language)描述网页的一种语言。
标签分类:
- 常规元素(双标签)
eg:<div></div>
- 空元素(单标签)
eg:<br/> 、<hr/> 、<img/>
关系:
1.嵌套关系:[父子关系] 子元素缩进一个tab键
2.并列关系:[兄弟关系] 上下对齐
字符集:
<meta charset ="UTF-8"/ >
(全国通) GKB
包含全部中文字符
标题标签 h
、 段落标签 p
、水平线 hr
、 换行 br
标签语义:让结构更清晰(标签语义=标签目的) ,利于搜索引擎
strong
粗体b
、em
斜体i
、del
加删除线s
、 ins
加下划线u
//前者语义更强烈,Xhtml
使用前者
div标签:用来布局,一行只能放一个div
span标签:用来布局,一行能放多个span
div、span 没有语义,网页布局只要的2个盒子
图像标签:<img src ="图片路径" alt=" " title =" "/>
<img/>
标记属性 scr
图片的路径 alt 替换文本: 图片不能正常显示就显示文字
title提示文本 :把鼠标放到图片上,显示的文字 width宽 height高 border边框
链接标签:
<a href ="跳转目标" target="目标窗口的弹出方式"> 文本或图片</a>
【用于指定链接页面打开方式 _self默认 _blank 新页面】
**注释标签:** ctrl+/ 或者 ctrl+shift+/ <!-- -->
ctrl+F
全文搜索 空格 
路径分两种:
相对路径:相当于当前文件所在位置开始查找,同一级目录下 :文件名 或者 ./文件名
绝对路径:(在电脑上的真实路径)文件绝对网络地址可用(url)
,下一级目录下/文件夹名/文件名
上一级目录:…/ 两级
**
拓展:
**XML 格式的文件 拓展性标记语言 能够兼容平台 Json
字符串
描点定位: 通过创建描点链接,用户能够快速找到目标内容
base标签:统一定义跳转形式 <base target="_blank">
, 写到<head> </head>
中间
eg: <head> <base target="_blank"> </head>
预文本格式化标签:pre
保留标签所有内容,不会过滤和换行空格。 空格:  &It小于 >大于