web

1,认识web -- web开发指的就是写网页,web标准中,将网页开发规范分为三个标准:
1),结构标准---html,决定网页中的内容
2)表现标准 -- css,决定网页中内容的样式和布局
3)行为标准---Js,决定网页内容动态变化

2,什么是html
HTML又叫超文本标记语言。(不是编程语言)大小写敏感。
html就是由各种各样的标签组成的

html标签,代表整个网页;
head------代表网页的顶部,和内部核心的东西。
boby -- 代表整个网页内容部分

3,html中标签
1,标签的语法
html中标签分为两种:双标签和单标签
1)语法
双标签:<标签名 属性名1=属性值1 属性名2=属性值2.。。。>标签内容
单标签(无内容):<标签名 属性名1=属性值1 ......> 或者 <标签名属性名1=属性值1 。。。。/>

说明:标签名不能自己随表命名,而是使用当前html版本提供的标签名,不同内容对应的标签不同。哪些标签是单标签哪些标签是双标签,是固定的。
属性 ----哪些标签有哪些属性是确定的,属性名和属性值之间用=连接,讴歌属性之间用空格隔开。
如果有多个属性,属性顺序可以随意。
html中所有属性的值都必须用引号引起来。不管类型。
标签内容:只有双标签才有标签内容,开始标签和结束标签中的部分;双标签的内容中可以放任何东西(文字,或者别的一个或者多个标签。)
固定结构:

--- 说明当前网页采用的html版本,这里代表的是当前使用html5版本。
--- 开始标签
--- 里面只能放:
meta,--元数据,主要做一些网站设置性的工作。
title(设置网页标题)
link(导入文件,设置网页图标,导入外部样式。rel(别导入的文件
作用,stylesheet样式表,icon网页标签), type-对被导入文件
的类型/文件后缀。text/css(文本文件,后缀是.css.)进行说
明,文件类型。
style,
script,
base,




1,标题标签h1-h6,当文本内容意义是标题时候,才选择标题标签

我是标题1


我是标题2


我是标题3


我是标题4


我是标题5

我是标题6

2。段落标签:

文字段落

---一段文字表示一个段落就用p标签
3.网页中换行和空格,在html中手动输入换行和空格无效
1),强制换行

---在网页需要强制换行的位置加

2),空格,  空一个像素。&emsp空一个空格
4,font标签----表示一段文字,这段文字可以和别的网页内容同行显示。
5,水平线





6,文字效果
加粗---标签和标签
倾斜---标签和标签
7,1)无序列表:ul标签,li标签
< u>l---代表列表中的元素
< li> ---代表列表中的元素
2)有序列表 - ol标签,li标签
< ol > -- 代表整个容器
< li > - 代表列表中的元素
3),自定义标签
--代表整个容器
< dt>--代表分组名
代表每个元素
1)标签内容--决定点击谁可以跳转
文字超链接
图片超链接
2)href属性 -- 决定跳转到哪个位置
a ,网络地址---跳转到指定页面
b,本地html文件地址 ----跳转到指的本地页面
c ,选择器 ----在当前页面中跳转到指定位置
d,空---刷新页面(有兼容性问题)
3)target属性
_self(默认) -在当前页面中加载新的内容
_blank---在新页面中加载新的内容。


表格标签:table, tr , td
1,table --代表整个表格
border属性 --- 表框线的宽度
cellspacing-- 单元格与单元格之间的间隙。
align - 设置对其方式:left(默认)\right\center
设置整个表格在其父标签中的对齐方式。
width----列宽度
height---高度
cellpadding ---设置内容到单元格上下左右之间的举例
bordercolor --- 表框颜色。

            4,补充:HTML中颜色值
             1)颜色单词,例如:red,yellow,white,blue等
             2)#RGB十六进制,0-255.00--ff,#ff0000,#ffff
           bgcolor--- 设置一行的背景颜色
2 tr标签----代表一行
        bgcolor--- 设置一行的背景颜色
3,td  标签---代表一个单元格
              bgcolor--- 设置单元格的背景颜色

----- 结束标签

你可能感兴趣的:(web)