浏览器
百度、谷歌、IE、edge、火狐、safari、欧朋
壳:外观 样子
内核:渲染我们网页
trident --- ie
gecko --- 火狐
webkit --- safari
webkit-blink --- 谷歌浏览器和edge
presto --- 欧朋
编辑器
subline
vscode:微软、开源、插件机制
webstorm:付费的、功能齐全
Hbuilder:做移动端开发
HTML
超文本标记语言
超文本:文本、视频、音频、图片、链接等
标记语言:通过标记的方式告诉浏览器我们要做什么
HTML标签
标签
说明
html
html页面的根元素
head
头部
meta
配置信息
title
网页标题
style
样式
body
主体,可见的页面内容
div
划分区域,盒子(块级元素)(block-level)
span
用来组合文档中的行内元素(行内元素)(inline)
ul>li
无序列表,type属性的属性值有: desc实心圆(默认)、circle空心圆、square方块、none无
ol>li
有序列表 type="A | a | 1 | i | I" start="number" reversed降序
dl>dt>dd
定义列表
h1-h6
标题(h1最大)
p
段落
br
换行
a
超链接 href="链接地址" target="跳转方式",跳转方式有:_self | _brank | _parent | _top | # | #id名
img
图片 title="图片文本信息" src="图片地址" alt="图片加载失败显示的文字"
audio
音频 controls(显示播放控件,必要属性) autoplay(自动播放,结合muted使用) muted(静音) loop(循环播放)
video
视频 controls(显示播放控件,必要属性) autoplay(自动播放,结合静音使用) muted(静音 ) loop(循环播放) poster="图片地址"(开始播放前的视频封面图)”
b/strong
字体加粗
精彩链接
发表评论