看到前面笔记比较混乱这里再做整理
1.html简介
1.1.什么是html?
HyperText Markup Language:超文本标记语言,网页语言
- 超文本:超出文本范畴,使用html可以轻松实现这样操作
- 标记:html所有的操作都是通过标记实现的,标记就是标签,
<标签名称>
- 网页语言;
1.2.第一个html程序。
- 创建Java文件.Java
先编译,然后再运行(jvm) - html后缀是.html .htm
直接通过浏览器就可以运行 - 代码:
<font size="10" color="red">这是我的第一个HTML程序1!</font>
1.3.html的规范(遵循)
- 一个html文件开始标签和结束的标签
<html> </html>
定义一个Java方法{} - html包含两部分内容
(1)<head>设置相关信息</head>
(2)<body>显示在页面上的内容都写在body里面</body>
- html的标签有开始标签,也要有结束标签
<head></head>
- html的代码不区分大小写
- 有些标签,没有结束标签,在标签内结束
比如换行 <br/>换行 <hr/>直线
1.4.html的操作思想(*****理解)
网页中有很多数据,不同数据可能需要不同的显示效果,这个时候需要使用标签把要操作的数据包起来(封装起来),通过修改标签的属性值实现标签内数据样式的变化。
一个标签相当于一个容器,想要修改容器内数据样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化。
2.文字标签和注释标签
2.1.文字标签:修改文字的样式
<font></font>
属性:
- size:文字的大小 取值范围 1-7,超出了7,默认还是7
- color:文字颜色(两种表达方式)
①英文单词:red green blue black white yellow gray…
②使用十六进制数表示#ffffff :RGB
通过工具实现不同颜色 #66cc66
2.2.注释标签
Java注释几种? 三种
html的注释:<!-- 这是一个注释 -->
3.标题标签、水平线标签和特殊字符
3.1.标题标签
<h1></h1> <h2></h2> <h3></h3> ......<h6></h6>
- 从h1到h6,大小依次变小,相同时会自动换行
3.2.水平标签
<hr/>
属性
- size:水平线的粗细 取值范围 1-7
- color:颜色
代码
<hr size="5" color="blue"/>
3.3特殊字符
- 想要在页面上显示这样的内容
<html>:是网页的开始!
-
需要对特殊字符进行转义
< < > > 空格: & : &