HTML的基础

简单介绍

第一:  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.如何生成基础结构代码(输入法为英文状态下)