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