1.web基础

1.web标准(万维网-w3c)：
a.结构标准：HTML -> 决定网页上有什么内容(能够显示什么内容)
b.表现标准：css -> 决定网页上内容的布局和显示方式
c.行为标准:JavaScript -> 决定网页上动态的效果

2.认识HTML
HTML是超文本标记语言(可以用来标记文本,图片,视频,音频,flash,按钮,输入框等内容)
HTML不是编程语言,不会编译执行,语法错误也不会报错导致程序不能往后运行

3.HTML版本
广义的H5:指HTML5+CSS3+js
狭义的H5:HTML5

4.HTML编程
a.HTML标记语言对应的文件的后缀,一般都是html

b.HTML的结构:整个html是通过不同的标签来组成

5.标签/标记
a.双标签(常规标签)
<标签名属性=属性值属性=属性值>内容
b.单标签(自闭合标签)
<标签名属性=属性值 />
<标签名属性=属性值>

说明:
标签名:HTML标准是固定的(注意:<和标签名之间不能有空白)
属性:属性和标签名之间用空格隔开,以属性名=属性值的形式存在,多个属性之间用空格隔开
(属性可以是HTML中的,也可以自定义属性)
标签内容:是指开始标签和结束标签之间的内容.标签的内容可以是任何内容(字符串或者其它标签)

补充:HTML不区分大小写
6.网页结构

2.标签

1.html标签代表整个网页

2.head标签中的内容一般都是看不见,并且里面的子标签是固定的
title标签 --- 设置标题
meta标签
link标签
style标签
script标签
base标签

   
        
        HTML基础

3.body标签中的内容,负责整个网页的显示部分

4.标题标签(h1-h6)

我是标题1
我是标题3

5.段落标签(p)
a.一个P标签对应一个段落
b.p标签的内容结束会和其他的内容之间默认有一个空格

        
            可能我撞了南墙才会回头吧
        
        
            可能我见了黄河才会死心吧
        
        
            可能我偏要一条路走到黑吧

6.文本符号
:--- 空格
其它的查手册

        
            可能我偏要    一条路走到黑吧

7.换行标签(br)

        
            可能我偏要
一条路走到黑吧

8.超链接(a)

百度一下

9.文字加粗(strong/b), 文字倾斜(i/em), 水平线

        
        加粗强调文字
        加粗文字
        
        
        文字倾斜强调
        文字倾斜
        
        加粗倾斜

3.列表

3.1.有序列表

3.2.无序列表

3.3.自定义列表

4.图片和超链接

4.1.图片标签

a.src属性:图片的地址(本地地址\网络地址)
本地地址:绝对路径和相对路径
注意:本地图片需要放到工程目录下的img文件夹下
b.title属性:图片的标题(鼠标停留在图片上,隔一段时间才显示出来)
c.alt属性:图片加载失败后显示的内容

4.2.超链接(a)

网页上点击后可以跳转的标签都是超连接
href属性:跳转地址(本地地址,网络地址)
网络地址:跳转到对应的网页
本地地址:当前工程的其他的html文件路径
空串/#:刷新页面回到网页的顶部
选择器:让网页滚动到网页上任意的位置
target属性:
_self:在当前页面中打开href的地址
_blank:在新的页面中打开href的地址
a.点击文字跳转
b.点击图片跳转

百度一下
        主页

5.表格

table -- 标签代表这个表格
tr -- 代表行
td -- 代表列
table属性
1.border:设置整个表格中边框的宽度
2.width:设置整个表格的宽度
3.height:设置整个表格的高度
4.align:center -- 让整个表在其父标签中居中
5.bgcolor:背景颜色 6.cellpadding="100":设置内容与单元格之间的距离
7.cellspacing:设置单元格与单元格之间的距离
8.bordercolor:设置边框颜色
tr属性
1.height:设置单独的某一行的高度
td属性
1.width:设置某一列的宽度

day01-html基础