web前端学习一day_01
1. div是用来布局的------层；
2. hx标题的意思从1到6，一级最大，六级最小，自动加粗 默认字号
3. p标签表示段落，相当于回车
4. br 换行 单标签
5. hr 生成一条水平线，主要起装饰作用
6. a标签 实现链接跳转 target:_blank/_self
7. img:加载外部图片 src:设置加载图像位置 alt :当图片或者图像加载不成功时，加载其内容,否者不会显示 title:提示文字
8. span：作用与div一样 都是用来布局，不同的是div会单独占一行，而span不会;用于行内布局
9. ul/ol ：前者是无序列表，后者是有序列表，他们的列表内容都用的是li标签
10. link:favicon.ico 给title添加小图标
标签属性：通常由---属性名=属性值
1. 起附加说明的作用
2. 起附加信息的作用
3. 不是所有标签都有属性，br
1. b和strong：都有加粗作用，且都是行级标签；strong除了除了加粗还有强调作用。注：强调主要用于SEO时，便于提取对应的关键字。
2. i和em：使文字倾斜，都是行级标签；em具有强调作用。如果只是简单的倾斜效果，建议用i;比如添加图标等，
3. pre:预格式化文本，保留换行和空格及宽度,文字的字号会小一号（块级标签）
4. small和big：分别让字号缩小一号和放大一号（行级标签），big在html5中淘汰了，但没有删除，开发中尽量不要使用淘汰的标签；浏览器支持的最小字号为12号字，如果要显示比12号还小的字，需要做处理；
5. sub和sup：设置文本为下标和上标,用来调整文本正常显示的基线，且文字自动小一号
| 描述 | 实体名称 | 实体编号 | |
|---|---|---|---|
| 空格 |   ; |   ; | |
| < | 小于号 | < ; | < ; |
| > | 大于号 | > ; | > ; |
| & | 和号 | & ; | & ; |
| " | 引号 | " ; | " ; |
| ’ | 撇号 | &apos ;(IE不支持) | ' ; |
| ￠ | 分（cent） | ¢ ; | ¢ ; |
| £ | 镑（pound） | £ ; | £ ; |
| ¥ | 元（yen） | ¥ ; | ¥ ; |
| € | 欧元（euro） | &euro ; | € ; |
| § | 小节 | § ; | § ; |
| © | 版权（copyright） | © ; | © ; |
| ® | 注册商标 | ® ; | ® ; |
| ™ | 商标 | &trade ; | ™ ; |
| × | 乘号 | × ; | × ; |
| ÷ | 除号 | ÷ ; | ÷ ; |
**块级元素：相当执行了display：block操作
1）独占一行；
2）宽度和高度可控，如果没有设置宽度，将默认铺满整行；
3）块级元素中可以包含块级和行级元素
**行级元素：相当执行了display：inline操作
1）不独占一行；与相邻的行级元素占有同一行，直到当前行占满为止，会自动掉到下一行
2）宽度和高度不可控，
3）其内只能包含行级元素
<!-- 1. 块级标签转为行级标签 -->
<p style="width: 300px; height: 50px; background-color: gray; display: inline;">块级标签转为行级标签</p>
<!-- 2. 行级标签转为块级标签 -->
<span style="width: 300px; height: 50px; background-color:blue; display: block;">行级标签转为块级标签</span>
项目开发时，项目中文件或目录名中不能出汉字和空格之类的其它符号 ；文件和目录名一般以字母或下划线开头_
目录名：taobaopro images/img/pic video music file web/wites
文件名：index.html(首页) product.html(产品业) order.html(订单页)
1.HTML是一种超文本标记语言，它不属于编程语言。
2.HTML5是2014后推出的，它是公认的下一代web语言，是重要的网络推手。
3.HTML具有简易性、可扩展性、平台无关性和通用性等特点。
4.网页分为静态和动态两种。
5.五大主流浏览器:IE(Edge), FireFox, Chrome, Opera,safari
6.浏览器内核由泣染引擎和JS引擎两部分组成。
内核: Trident(IE) , Gecko(FireFox), Webkit(safari/chrome),Blink(chrome/opera)
国内大多数浏览器采用的双核驱动（Trident&Webkit或Trident&Blink）
移动端: iphoe/ipad采用的是webkit内核，android4.4以下版木采用的webkit内核，而4.4以上版木采用是blink内核。
7.常用的专业开发工具有: sublime,HBuilder,vSCode,Atom,Webstorm
8.一个网页页面的基本组成
9.标签分块级和行级（内联）两种。
块级独占一行，识别宽高，如果不设置，宽度为整行宽度，高度为内容实际的高度;
行级不独占一行，不能设置宽高，宽高分别为内容实际的宽高;
块级标签可以通过设置样式:display:inline;转换为行级标签，而行级标签可以通过设置样式: display:block;转换为块级标签
学过的块级标签有：
div、p、h1-h6,ul,ol,pre,table,address等
行级标签有：
span,a,b,strong,i,em,sup,sub
img属于行级块标签。相当于执行了display : inline-block;操作。
10.W3C规范由结构、表现和形为三部分组成。
11.W3C中的嵌套规范:
1）块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素。
2）块级元素不能放在<p>里面。
3）有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是∶h1、h2、h3、h4、h5、 h6、p、dt
4）块级元素与块级元素并列、内嵌元素与内嵌元素并列。
12.在开发过程中，尽量要使用语义化标签。
tips
w3c规范由结构(html)、表现(css)、行为(javascript)三部分组成
w3c常见规范有：
1）定义语言编码
<meta http-equiv="content-type" content="text/html";charset="utf-8"/>
2）Javascript定义
<script type="text/javascript">
脚本代码...
</script>
3）CSS定义
<style type="text/css">
样式设置...
</style>
4）不要在注释内容中使用--
<!-- =======注释内容======== -->
5）所有标签和属性的名字都必须小写
6）所有的属性值必须用双引号引起来
7）如果文档要输出<，>和&等，使用实体转义符实现
8）要给所有的属性值赋一个值，如果不赋值，默认它的值就是属性名本身
<img src="..." alt="..."/>
9）所有的标签都必须要有一个相应的结束标记（标签必须要闭合）
<p>...</p>
<hr />
10)所有的标签必须合理嵌套，不能出现嵌套交叉情况
11）图片要添加有意义的alt属性
12）在form表单中添加label，以增加用户友好度
浙公网安备 33010602011771号