前端 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/>

上一篇:浏览器本地存储(Html5新增:WebStorage)


下一篇:表单验证 和 HTML5