前端 Html5

1.(command加/)备注快捷键 auto save自动保存

2. auto save 自动保存

3.设置 常用设置 font size 设置大小

4.自动折行 设置里开启 

    折行设置开启 word wrap  

 5.手动折行 快捷键ctrl+z

6.前段分为 html（标签结构）（人）

css（对标签修饰）（衣服）

3s行为交互（动态交互效果）（讲课）

7.html和html5

html 超文本标记语言 hyper（超级） text（文本） markup（标记） language（语言） html5（h5） 标记语言第五个版本  目前来看现在都遵循

8. 站点 项目文件保存地址 就是一个大的文件夹

里面存储的是当前项目或者缩写的所有文件或使用文件

作用：用来进行文件分类 实现整合资源

9.站点命名规范

1）不要使用汉字

2）不要使用数字开头

3）可以使用字母数字下划线 配合使用 不要出现特殊符号<>?

4）使用小写字母

5）做到见名字知道意思

6）驼峰命名法

shopCar 多个单词组成的一个文件的名字 以第二个单词后面的每个单词的首字母大写

7）标签的基本结构介绍

8）标签的语法分类

标签，又叫标记或元素

1）单标记

<标签的名字 属性=“属性值” 属性=“属性值”（单引号双引号都可以 >

2）双标记

<></> (如head)

<标签的名字 属性=“属性值” 属性=“属性值”>文本/图片</标签名字>

1）所有的标签都放在<>

2）属性和标签的名字之间有空格（双标签和属性值写在开始标记里面）

3）属性和属性值用=链接

4）属性值都带引号

5）每一组属性值和属性值都用空格隔开

6）双标签必须带/代表的是结束

9. 常用标签

百度新闻 文本/图片/下划线/颜色

1）文本的加粗

标签 b标签(双) <b></b>

2）倾斜标签

标签 i(双)

3)删除标签

标签s(双)

知识点：标签的嵌套

4）下划线标签

标签u（双）

5）角标标签

上角标sup（双）

下角标sub（双）

6）标题标签 header1~header6 

<h?>依次变小默认加粗 独占一行

    <h1>一级标题</h1>

    <h2>二级标题</h2>

    <h3>三级标题</h3>

    <h4>四级标题</h4>

    <h5>五级标题</h5>

    <h6>六级标题</h6>
7..段落标签 paragraph

 <p>独占一行 有段落间距

（扩展：在光标最后的时候按command加c复制 command加v粘贴）

8.常用布局标签 di

v html+css也被称为div+css 可见div很重要

<div>独占一行 没有段落间距 

9.列表

1）有序列表ordered list

ol也有自带属性值type  如A/a/I/i/1 

有序列表另一个属性start  想从第几个开始 属性值就是数字几 要写数字 

<ol type="A" start="5">

<li>开心</li>

<li>难过</li>

<li>惊讶</li>

<li>恐惧</li>

<li>失望</li>

</ol>

2）无序列表 unordered list

<li></li>

</ul>

（扩展：部分标签拥有自带技能）

<ul>标签拥有自带属性（技能） type

它的属性有disc默认值 circle空心圆 squre正方实体

none去除样式（注意这个对于低版本ie不好用 以后css可以解决）

<!-- <标签 属性=“属性值”></标签> -->

<ul>

<ul type="none">

<li></li>

</ul>

3）自定义列表 definition list

<dl>

<dt>名词</dt>

<dd>对名词的解释</dd>

</dl>

10.单标签 <hr>水平线   xhtml需要闭合 <hr/>

单标签<br> 强制换行 xhtml需要闭合<br/>