浏览器

百度、谷歌、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

字体加粗

精彩链接

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: