浏览器由 内核(渲染引擎+js引擎) +外壳 构成。
五大常用浏览器:chrome 谷歌,内核是 苹果的webkit,blink
firefox 火狐,内核是 Gecko
safiri 苹果,内核是 webkit
opera 欧朋,挪威的公司,内核是Presto
IE 6,7,8,9,内核是Trident
#********html********************************************
html不是编程语言,编程语言都会有自己的语法结构。html是标记语言。 css是样式语言。
html,hyper text markup language。超文本,有文本,音频视频,图片等
形式有成对的标签和单标签。
成对的标签,如:<></>开始结束标签;<html></html>根标签;<head></head>头部标签,里面内容不向用户展示
单标签,如:<meta charset='UTF-8'>;<img src="地址" alt="图片找不到文字的提示" >;
#**********编码*********************************************
ASCII ,字母+西文+符号 第一位置零不用,后7位 128个数据
ASCII扩展 ,第一位用了,最大 表示256个字符
GBK(6000个汉字) GB2312(10000汉字 ) GB18030 (繁体字) 0-127 ASCII +扩充
Unicode 万国码 全球所有字符 (1:01110111 这是一个汉字 还是字母)
UTF-8(解决问题,最常用) UTF-16
#***********文本标签********************************************
1:加粗字体的标签: <b>要加粗的内容</b> <strong>加粗</strong> 唯一差别:strong 语义化 (权重),beilian
2:斜体标签 <i>斜体</i> <em>斜体</em>(语义化)
3:删除标签 (中划线) <del>语义的</del> <s></s>
4:下划线 <u></u> underline
5:水平线 <hr>
#*****常用标签,无形当中最有形(90%使用)**************************************************
span 小容器 图标文字
div 大盒子 大容器 大图大的内容 没有默认属性 默认样式
#*****常用标签**************************************************
1:段落标签(大段文字)
<p></p> paragraph 特点:上下外间距(16px)
2:标题标签
h1--h6
h1在当前界面只有一个 h1会包裹logo 权重大
h4,h5,h6,字体太小,所以不用
3:插入图片的标签 (本质是文字)
<img src="地址" alt="找不到图片时的文字提示">
图片路径
绝对路径:电脑盘符路径,网络文件地址
相对路径:跳到上一级../../
解决图片的下间隙问题:(1)改变对齐方式(2)改变格式,图片默认以是文本,以文本方式显示。
改变对齐方式 ---》vertical-align:middle(中线) top bottom baseline(只要不是基线都可以解决)
#*****文本属性(css 样式语言)**************************************************
设置标签属性
自定义样式属性style="属性名:属性值;属性名:属性值;属性名:属性值;"
(1)字体属性 font
字体颜色:color:red/yellow/green
字体家族font-family:“微软雅黑” “方正宋体”
字体粗细font-weight
字体形态font-style
#*******************************************************