HTML: (Hyper Text Markuplanguage)超文本标记语言。
文本:相当于记事本里写的文字。展示信息
超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页面的文字。
语言:工具
标记:标签。
HTML是由标签所组成的语言,能展示超文本效果。
HTML是用来写网页的,是设计页面的基础。
步骤1: 创建文件,后缀名改为html或htm。
步骤2:用记事本打开,并编写文字。
步骤3:用浏览器打开。
这样打开和普通的记事本区别不大,为什么那?
因为想要实现超文本编辑,是需要加标签和属性的。
font:标签
color=“ ”:属性
red:属性值
这样就将字体变成了红色
HTML语言是由头和体组成
这是最标准的HTML格式,以后都要使用这样的格式。
< html >是HTML页面的开始,就相当于java类大括号。
< head >是页面的头部,存放的都是网页的说明性内容,例如标题。
< body >是页面的身体,需要展示给用户看的信息内容
示例:
和以前的内容是没什么变化,但是已经有了标题。
HTML文件的扩展名为html或者htm。Htm是老的命名规范,html 的新的。
HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。
HTML标签通常由开始标签和结束标签组成。例如:< font >内容体< /font >,开始标签和结束标签之间的内容叫做内容体。
HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如: < br/ > 自关闭。
HTML标签不区分大小写,为了方便阅读,建议使用小写。
HTML标签是有属性的,格式为:属性名=”属性值”,属性值用引号引起。引号包含单引号和双引号,建议使用双引号。
HTML标签建议包裹嵌套,不建议交叉嵌套。
包裹嵌套:
html标签完全包裹了head标签
交叉嵌套:
交叉嵌套是不允许使用的
安装
使用
字体标签,用于展示效果中修饰文字样式。
< font >属性名=”属性值”>文字< /font >
size:控制字体大小。最小1——最大7。 如果设置范围不在1——7之间,设置无效。
color: 控制字体颜色。使用英文设置(例如: red,blue…) 。
face: 控制字体类型。只能设置系统字库中存在的字体类型。
示例:
运行结果:
现在有一页代码是李白的静夜思:
运行结果:
但是在运行时就变成了一整换,并没有段落,怎么办,向下看。
换行标签:< br/ >
HTML源码中换行,浏览器解析时会自动忽略。
换行标签,用于展示效果中换行。
示例:
运行结果:
一个标签就是一行
段落标签:< p >
段落标签,用于展示效果中划分段落。并且自动在段前和段后自动加空白行。
align:段落内容的对齐方式。
默认是left,内容居左。
Right居右。
Center居中。
示例:
运行结果:
标题标签:< h1 >
标题标签,用于展示效果中划分标题。
其中< h1 >最大,< h6 >最小。
空格符:  ;
HTML源码中的多个空格,效果中最终会合并成一个。
记住要分号结尾。
空格符号,用于展示效果中显-一个空白的位置。
HTML注释
用于注释HTML源码,不在HTML效果中展示。
格式: < !-- HTML注释内容 – >
用于在页面效果中展示一张图片,一般情况下都将图片放入项目中的img文件夹中。
src:指明图片的路径。(必有属性)。
图片路径的写法:
内网路径:
绝对路径:文件在硬盘上的具体位置。[不建议使用]
例如: C:\ JavaWeb001_ html\img\c_ 1.jpg.
相对路径:从使用者所在目录出发。[建议使用相对路径]