客户端day1
1.HTML基础介绍
1. html超文本标记语言（Hypertext Markup Language），将一段内容定义为标题、段落或者图像，从而让该内容具有结构以及含义。用于定义文档的内容结构。
2. W3C：万维网联盟
3. CSS:层叠样式表，是一种使用字体、颜色等格式化内容的外观的表示型语言。
4. HTML5 的变化：
doctype文档、meta语言
新增语义化标签和属性
去掉纯展示性的标签
添加canvas、video等
1.2各种基础定义
- 术语：属性="属性值"
- html注释：<!----> 描述代码功能
- css注释：/*内容*/
- 标记：
- 1.<元素名称> </元素名称>
- 开始标记 结束标记
- 2.<input/> 单标记
- 3.元素的嵌套 <h1><strong>=.=</strong></h1>
- 
2.HTML内部代码
1. <!DOCTYPE html>必须出现在第一行，并且没有其他代码（HTML5格式） 所影响的渲染模式
2. <meta charset="UTF-8"> 字符编码集
3. body 用于页面显示
4. h1{color:red;} 花括号左边的为选择器，里面的内容是声明，冒号的左边是属性，右边是值。
5. 元素选择器会应用到文档中所有的该元素 h1{color:red;} 所有的h1
6. 选择器中，谁有这个类，谁就有这个样式
7. id选择器是唯一的，写css代码时用class，写js才用id
8. *{} 解释： *叫通配符，会选到所有元素
2.1语义化结构标记：
1. <header>表示页面或某个区域的头部
2. <nav>导航栏 <aside>侧边栏
3. <article>文章或其他科独立页面存在的内容
4. <section>用于表示一个整体的一部分主
5. <footer> 用于表示页面或某个区域的脚注
2.2标记
1. <b>应突出显示的文本</b>
2. <em>斜体字</em> <!--强调的文本-->
3. <i>斜体字</i> <!--应区别对待的文本-->
4. <blockquote>整段的引用</blockquote>
5. <q>小段文本的引用</q>
6. <cite>参考文献的引用</cite>
7. <abbr tittle="Hypertext Markup language">Html</abbr> <!--缩写全称-->
8. <span>单独的给样式，跨越多个字符</span>
9. <a href="http://www.baidu.com" target="_blank"></a> <!--target 新开一个标签页面-->
10. 实体字符： © ® < >
浙公网安备 33010602011771号