学习的内容:
一.html
超文本标记语言(hyper text markup language),可以包含声音,文字 ,视频等富媒体。
语法:以标签的形式成对出现的,标签放在尖括号内如:<标签名称></标签名称>,不包含“/”的是开始标签,包含“/”的是结束标签。
<p></P>,内容放在两个标签之间。当然也有特列,叫做自封闭标签或者强制结束标签如<input/>,因为此类标签内不会出现其他内容,隐藏可以直接结束<br/>
Html是一种弱类型语言,java是强类型语言,HTML不是编程语言
二.文档结构
1.<!DOCTYPE html> 文档声明
2.根节点以<html>开始,以</html>结束
3.文档头部:<head></head> 标签内注意放置,
a.网页标题信息<title></title>,
b.设置字符编码<meta charset=”utf-8”></meta>(常用字符编码,GBK,GB2312,UTF-8,ISO8859-1)
c. <meta name="keywords" content="" />,<meta name="description" content="" />网 站seo优化,能快速被搜索引擎检索
d. <meta http-equiv="Refresh" content="0; url=http://www.hao123.com/?1521855166"/>用来跳转页面。或者刷新页面。
e.用来引入外部样式<link>
f.用来引入javascript
4.主体部分<body></body>,html主体部分,所有的html标签呢都要放在body中
三.行级标签和块级标签
1.区别
a.行级标签可以并列显示,块级标签可以独占一行。
b.块级标签大小与内容无关,行级标签大小和内容有关
c.行级标签和块级标签可以相互转换。
d.默认情况下给行级标签用css设置宽度和高度不起作用
2.html注释
<!---->
3.常用的块级标签
Div p br(强制换行) hr(水平分割线,可以通过width属性设置宽度)
H1—H6(数字越大字越小)
UL(无序列表) OL(有序列表) DL(自定义列表)
Type属性可以更改列表前序号的样式
Table tr td
align=”center”
设置到table:会让表格相对父容器居中
设置到tr:会让该行内所有单元格内容居中显示
设置到td:会让该单元格内所有内容居中显示。
form表单
action:数据提交的地址
method:get/post
input 文本框
type:输入内容的类型(text password checkbox raido datatime )
value:文本框的值(如果有值文本框显示当前值)
name:服务端根据name属性的值来获取文本框的内容
id:该文本框在文档内的唯一标识
placeholder:输入文本框的提示信息
required:要求此文本框必须填写
一.html
超文本标记语言(hyper text markup language),可以包含声音,文字 ,视频等富媒体。
语法:以标签的形式成对出现的,标签放在尖括号内如:<标签名称></标签名称>,不包含“/”的是开始标签,包含“/”的是结束标签。
<p></P>,内容放在两个标签之间。当然也有特列,叫做自封闭标签或者强制结束标签如<input/>,因为此类标签内不会出现其他内容,隐藏可以直接结束<br/>
Html是一种弱类型语言,java是强类型语言,HTML不是编程语言
二.文档结构
1.<!DOCTYPE html> 文档声明
2.根节点以<html>开始,以</html>结束
3.文档头部:<head></head> 标签内注意放置,
a.网页标题信息<title></title>,
b.设置字符编码<meta charset=”utf-8”></meta>(常用字符编码,GBK,GB2312,UTF-8,ISO8859-1)
c. <meta name="keywords" content="" />,<meta name="description" content="" />网 站seo优化,能快速被搜索引擎检索
d. <meta http-equiv="Refresh" content="0; url=http://www.hao123.com/?1521855166"/>用来跳转页面。或者刷新页面。
e.用来引入外部样式<link>
f.用来引入javascript
4.主体部分<body></body>,html主体部分,所有的html标签呢都要放在body中
三.行级标签和块级标签
1.区别
a.行级标签可以并列显示,块级标签可以独占一行。
b.块级标签大小与内容无关,行级标签大小和内容有关
c.行级标签和块级标签可以相互转换。
d.默认情况下给行级标签用css设置宽度和高度不起作用
2.html注释
<!---->
3.常用的块级标签
Div p br(强制换行) hr(水平分割线,可以通过width属性设置宽度)
H1—H6(数字越大字越小)
UL(无序列表) OL(有序列表) DL(自定义列表)
Type属性可以更改列表前序号的样式
Table tr td
align=”center”
设置到table:会让表格相对父容器居中
设置到tr:会让该行内所有单元格内容居中显示
设置到td:会让该单元格内所有内容居中显示。
form表单
action:数据提交的地址
method:get/post
input 文本框
type:输入内容的类型(text password checkbox raido datatime )
value:文本框的值(如果有值文本框显示当前值)
name:服务端根据name属性的值来获取文本框的内容
id:该文本框在文档内的唯一标识
placeholder:输入文本框的提示信息
required:要求此文本框必须填写
4.常用的行级标签
target:"_blank":在新窗口中显示目标页面
target:"_self":在当前窗口显示目标页面
title:鼠标移动到标签上显示的文字信息
alt:图片未能加载时显示的文字信息
i:斜体
b:粗体
strong:强调、加粗
s:有横线的标签
sub:下标
sup:上标
target:"_blank":在新窗口中显示目标页面
target:"_self":在当前窗口显示目标页面
title:鼠标移动到标签上显示的文字信息
alt:图片未能加载时显示的文字信息
i:斜体
b:粗体
strong:强调、加粗
s:有横线的标签
sub:下标
sup:上标