2020-02-17 HTML结构(一)
网页和网站
1.网站是由各个网页组成的
2.网页是有视频,音乐,图片和文字等组成
3.HTML超文本标记语言(Hyper Text Markup Language)
浏览器及其内核
内核作用
1.渲染和解析
常见内核
1.IE浏览器——trdent
2.火狐浏览器——gecko
3.safari——webkit
4.谷歌浏览器——blink
5.欧朋浏览器——blink
WEB标准
1.提出:W3C和其余标准化组织
2.结构——HTML
3.体现(样式)——CSS
4.行为(交互)——JavaScript
HTML规范
1.所有的标签必需书写在html双标签内

2.标签分为双标签和单标签

3.标签的关系分为并列关系(兄弟关系)和嵌套关系(父子关系)

vscode生成的骨架
—–公告文档类型 HTML5
—–当前网页的语言en 代表的是英文 zh-CN 中文
—当前页面的编码格式 utf-8 万国码

语义化标签
标题标签:h1-h6
1.只有1-6从大到小显示,默认是加粗的,标题标签会独占一行

段落和换行
1.在浏览器中默认只识别一个空白符
2.段落标签p也会独占一行
3.br是强制换行,不会产生间隙

文本格式化
文本格式化标签可以一行放置多个,建议使用第一个标签,效果强烈
1.加粗strongb
2.倾斜emi
3.删除线dels
4.下划线insu

无语义标签
1.div
2.span

div和span是用来做页面布局的? div会独占一行 span会一行展现多个

独占一行的标签 h标签p标签div标签
一行放置多个的标签 span标签strong标签em标签del标签ins标签
img图片标签

1.src属性是指定图片的地址名,必写属性
2.alt指的是图片加载失败后显示的文本,加载成功则不显示
3.title指的是鼠标悬停或者经过图片时显示的文字
4.width设置图片的宽度,高度会等比例变化
5.height设置图片的高度,宽度会等比例变化
6.border设置边框,默认颜色为黑色
7.属性和属性之间肯定要有空格
8.属性名=”属性值”属性名=”属性值
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 2020-02-17 HTML结构(一)