简单介绍
第一: HTML语言的发展历史
- 出现了分歧点、分化点?
- 组织成员语言发展要考虑开发者 => 写代码要规范 xhtml
- 组织成员语言发展要考虑用户 => 用户体验 html4.01 现在使用的版本
- 总结:Xhtml语言要比html语言更为严格严谨
- 记住这个时间点 2014年 由w3c推出正式开发版HTML5.0版本
第二:网页的web标准 在百度新闻页面你能看到哪些内容?
- 文字、图片、标题 => 网页的结构
- 文字有颜色大小、图片 => 网页的表现
- 点击跳转、输入等 => 网页的行为
网页的组成部分:
- 结构 html
- 表现 css
- 行为 js
第三: 网页和网站的概念
- 网页是一个个体 由后缀名为.html文件创建的
- 网站是一个整体 由若干个网页 使用超链接 链接组成的
第四: 什么是html: 超越了正常网页布局的一种标记语言
- 超文本标记语言
- 超:表示超越
- 文本:泛指 表示页面中的所有内容
- 标记: 坑占位置
- 语言: 表示规范
解释: 浏览器默认的排列方向是从左到右从上到下的 使用了html中规范的标记就可以改变文本的初始位置
第五: 设置文件的后缀名显示
- win7:工具-文件夹选项-查看-去掉隐藏已知文件类型的后缀名
- win10:
第六: 如何创建站点
- 什么是站点:规范网站的内容 整合代码
- 如何去创建
- 结构html html文件夹
- 表现css css文件夹
- 行为js js文件夹
- 相关的资源(图片、音视频、插件) images文件夹
第七: 如何把文件导入到编辑器中
- 温柔:左上角的文件-打开文件夹
- 粗鲁:直接拖进来
第一个html页面
<center> 周六天气不错 我们一起出去爬山吧 我给你拍照~ </center>
编辑器的使用
1.下载好编辑器 编辑器是默认英文的
- 下载汉译插件 左侧菜单栏的第五个按键(拓展程序)
- chinese 下载安装 重启编辑器即可
2.在编辑器中打开浏览器
- 文件的后缀名一定是html的文件才可以使用这种
- open in browser 打开浏览器的插件 在编辑器空白区域点击右键打开
- view in browser 在文件名上右键打开浏览器
3,如何在编辑器中写代码?
- 符合html语言的规范代码 可以在.html后缀名文件中书写
- 基础结构代码(自动生成) 规范结构
4.如何生成基础结构代码(输入法为英文状态下)