01-认识html

1.什么是html（结构标准）

html是超文本标记语言

超文本 - 除了文字以外，还对图片、视频、音频、超链接、按钮、输入框等进行标记
标记语言 - 不是编程语言，和Macdown语法一样，只是通过不同标记让内容以不一样的形式展现出来
如果语法出错，不会影响其他正常标记的语法效果

2.什么是html文件

后缀名是.html的文件，可以通过浏览器打开，一般情况下，HTML代码就写在html文件中

3.html版本

狭义的h5, - html的第五个大版本（支持移动网页开发）
广义的h5 - html5+css3+js

4.网页结构 - 树

整个网页是一个html标签，html中直接包含head和body标签

5.标签（标记）

html就是通过不同的标签对网页内容进行标记的
a.结构
双标签：<标签名属性名1=属性值1 属性名2=属性值2...>标签内容
单标签：<标签名属性名1=属性值1 属性名2=属性值2..>或<标签名属性名1=属性值1 属性名2=属性值2../>
b.说明
标签名 - 只能是html提供的标签，不能随便命名；标签名前不能加空格
属性 - 属性是放在单标签或者双标签的开始标签中，以属性名=属性值的形式出现，以空格隔开
属性顺序不会影响最终效果

标签内容 - 双标签的开始标签和结束标签之间的内容，可以是任意内容（可以是其他标签）

6.head标签

head标签主要包含以下内容
meta - 元标签（单标签 charset="UTF-8" - 设置编码方式）
title - 设置标题
link - 导入外部文件（设置图标，导入css文件）
style - 导入css代码
script - 导入js文件和js代码
base - 设置网页中的基本url

注意：html语法中不区分大小写

02-body文本标签



    
        
        文本标签
    
    
        
        
        我是标题1
        标题2
        标题3
        
        
         段落
        第二段
        
        
        
        
        加粗
        强调加粗
        倾斜

        加粗倾斜倾斜强调
        
        单纯的显示一段文字，可以当成p标签来用,多个font标签不会自动换行，p标签自动换行

03-列表标签

04-图片标签



    
        
        图片

05-表格标签

06-超链接标签

姓名	成绩	是否留级
刘旭东	59	是
曾凤森	58	是

day1-html