6.28—050—周五

Posted chinesehan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了6.28—050—周五相关的知识,希望对你有一定的参考价值。

今日所学内容:

  1、html5

  2、css

前端:

  学习前端目的:为我们开发的应用程序提供一个与用户进行交互的界面

  前端分类:HTML5、CSS3、javascript三大部分

  学习内容:HTML5、CSS3、JavaScript、jQuery前端框架及Bootstrap前端框架五个课程内容

一、HTML5

1、什么是HTML5   (HyperText Mark-up Language)

  HTML5就是html语言,是一种标记语言,数字5是该语言的版本号;html语言开发的文件是以.html为后缀,制作运行在浏览器上展现给用户使用的前端界面,采用的语言是超文本标记语言(HyperText Mark-up Language)。

  注:.html文件可以双击直接在浏览器中打开,被浏览器解析后显示给用户查看

2、如何学习HTML

  学习方向:掌握转义字符、指令和标签三大组成部分

  学习目的:通过标签知识完成搭建页面整体架构

3、转义字符

  像后台开发语言的特殊字符\n一样,会被解析为换行,html5中也有很多特殊字符数字的组合,会被解析为特殊的含义

    空格:&nbsp  |  字符":&quot  |  字符&:&amp  |  字符<:&lt  |  字符>:&gt

4、指令

  被<>包裹,以!开头的特殊符号,称之为指令。

  指令中不区分大小写,前端需要掌握文档指令和注释指令两个即可。

  1)文档指令:<!DOCTYPE html>
    -- 需要出现在一个html文件的最上方,代表该文件采用html5语法进行编写文件的

  2)注释指令:<!--content-->
    -- <!-- 这里书写的就是html5语法下的注释,不会被浏览器解析展现给用户看 -->

5、标签  ——(重点)

  被<>包裹,以字母开头,可以结合数字、- 连接符 等合法字符的特殊字符,称之为标签

  标签中不区分大小写,帮助我们来更好的显示页面内容,标签有系统标签自定义标签两种,html5中建议使用系统标签,标签名都采用小写即可

页面结构相关的系统标签
  1. 页面根标签:<html></html>
  2. 页面头标签:<head></head>
  3. 页面体标签:<body></body>
  4. 页面标题标签:<title></tile>
  5. 元标签:<meta />
  6. 链接标签:<link />
  7. 样式标签:<style></style>
  8. 脚本标签:<script></script>

简单的系统标签
  1. 标题标签:<h1></h1> ... <h6></h6>
  2. 段落标签:<p></p>
  3. 换行标签:<br />
  4. 分割线标签:<hr />
  5. 行文本标签:<span></span>  
  6. 斜体标签:<i></i>
  7. 加粗标签:<b></b>
  8. 图片标签:<img />
  9. 超链接标签:<a></a>
  7. "架构"标签:<div></div>

复杂的系统标签
  1. 无需列表标签:<ul><li></li></ul>
  2. 表格标签:<table><!-- 包含大量的表格子标签 --></table>
  3. 表单标签:<form><!-- 包含大量的表单子标签 --></form>

 

二、css

 

以上是关于6.28—050—周五的主要内容,如果未能解决你的问题,请参考以下文章

6.28个人总计

6.28总结

NOIP模拟 6.28

6.28

6.28心得

6.28