一、HTML结构

1.web标准：
a.结构标准(html)：决定网页中的内容
b.表现标准(CSS): 决定网页中内容的布局和样式
c.行为标准(JavaScript): 决定网页中的行为和动作（变化）

2.html
a.什么是html
html: 超文本标记语言
标记语言：通过不同的标记来显示不同的内容(以指定的格式)
超文本：除了文本以外还可以标记图片、超链接、音频、视频、flash、输入框、按钮等....
html文件就是后缀是.html的文件。html文件可以直接用浏览器打开，看到网页效果
注意：html中大小写不敏感(大写和小写一样， HTML, html， HtML, hTMl等是一样的)

b.html结构（树）
html基本结构是，一个html标签中包含两个平行的head标签和body标签
head中的内容除了title和icon以外其他的内容都不可见。body代码可网页的内容部分，里面的标签一般都是可见

c.html版本
说明html版本
html5 --
html4.01 -- "http://www.w3.org/TR/html4/loose.dtd">

二、标签

标签 == 标记

1.标签语法
双标签(常规标签): <标签名属性名1:属性值1 属性名2:属性值2...> 标签内容
单标签: <标签名属性名1:属性值1 属性名2:属性值2.../> 或者 <标签名属性名1:属性值1 属性名2:属性值2...>
说明：
标签名 - 是html中已有的标签，不能自己随便命名。标签名和<以及标签名和/之间都不能有空隙
属性 - 属性和属性值之间用:连接，多个属性之间用空格隔开。所有的属性没有位置要求
标签内容 - 在开始标签和结束标签之间，标签的内容可以是任意的（可以文本也可以是其他标签）

2.head标签中的内容
head中的标签有：title，mate, base, link, style, script
title - 设置网页标题
meta - 设置网页元数据(单标签)

3.body
body中的标签主要用来在网页的内容中添加显示信息的

三、文本标签

四、列表标签

五、图片和超链接

六、表格标签

======================================

===============================================



    
        
        练习

First Name	Last Name	Points
Jill	Smith	50
Eve	Jackson	94

姓名姓名	年龄	性别
小明	18	男

二阶段day1-HTML介绍和标签

一、HTML结构

二、标签

三、文本标签

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5

我是标题6

四、列表标签

五、图片和超链接

六、表格标签

你可能感兴趣的:(二阶段day1-HTML介绍和标签)