一、title图标
        head标签中

<link rel="" href=""/>

        relation关系
        icon图标文件
        13.png

乱码问题:
        不同编辑器也会导致编码出错,如记事本默认是gbk、gbk2312.
        360浏览器默认是gbk编码
二、h5
1、html5增加标签

<header>头标签

<nav>导航标签

<aside>侧边栏标签

<article>文章标签

<footer>页脚标签

<section>栏目标签

        这些标签效果和div一模一样,仅仅是有语义的作用
2、h5表单增加属性
        表单必须设置name属性,否则数据无法提交给php
        required:如果将这个属性写在表单控制标签中,就表示这个表单控件标签里面必须有内容
        required标签写在input里面,而不是form里面
        14.png

        placeholder:在输入之前,显示的,以及与value值的区别如图:
        15.png

        autofocus,光标自动到所在文本框,如下图:
        12.png
3、表单控件input标签h5新增type属性值(百度)
        step表示步长值,一步走几个
        range .左右拖动,调背景颜色,js会用
4、播放器
①、video只支持三种格式视频
        Ogg、MPEG 4、WebM

<video src=""></video>

        video属性:
        autoplay:一打开就播放
        controls:出现暂停快进插件
        loop:重复播放

②、audio音频标签:

<autio src=""></autio>

        autoplay:一打开就播放
        controls:出现暂停快进插件
        loop:重复播放

③、embed标签:多媒体标签
        单边标签,可以播放视频,也可以播放音频

<embed src="" width="" height="" />

三、css
        Cascading Style Sheet( 层叠样式表)
        text-decoration:overline;上划线
        <style type="text/css"></style>可以放在html任何位置,h5的style属性type可以不写。
1、内嵌式:

<style type="text/css"></style>

2、外链式
        单独写一个.css文件,
        <link rel="stylesheet" type="text/css" href="文件名.css">(type属性可以不写)
3、行内式(要少写)
        将css代码写在html标签style中
        eg:<input type="text" style="属性:值;属性:值;">

行内式外链式优缺点
        外链式比较好,因为可以被多个html文件所引用
css注释:

/*  */,style里不可以写html注释

四、CSS选择器
基本选择器
1、通用选择器
        *{ 属性:属性值;}html中,所有的标签同时来设置的样式
2、标签选择器
        p{color:red;}
3、类选择器class
        .class属性值{ color:red;}
        eg:.box{color:blue;}
        名字一定是字母开头,不能是数字开头
4、id选择器

         #id属性值{属性:值;}

        在一个html中,每个id只能有一个
        在js中,id如果有两个,浏览器只会认第一个

并集选择器:
        p.c{属性:属性值;}(先找p标签,然后再找具有.c标签的同时都有的)
        css加粗效果:font-weight:bold;
        恢复标准字体:font-weight:normal;