JavaWeb第一天--HTML
html
html简介
html(hyper textmarkuplanguage) 超文本标记语言。
- 超文本： 超越了文本仅仅展示信息的功能范畴，泛指：图片、有样式的文字、超链接。
- 标记： 标签。
- 语言： 工具。
html是由标签所组成的语言，能展示超文本的效果。
html的语言特征
html代码是由头和体组成。
html文件的扩展名为html或者htm。
html文件由浏览器直接执行解析，无需编译，直接由上到下依次解析执行。
html标签通常由开始便签和结束标签组成，例如：<font>内容体</font>。
<!doctype html><!--文档声明-->
<html>
<head>
<title>页面标题</title>
</head>
<body>
需要想用户展示的信息
</body>
</html>
注：推荐使用开发工具notepad++、hbuilder。
字体标签及格式化标签
-
<font></font>标签
字体标签，用于展示效果中修饰文字样式。
<font 属性名="属性值">文字</font>size：控制字体的大小，范围1~7，超过范围无效。
color：控制字体的颜色（例如：red,#ffff等）
face：控制字体的类型。只能设置系统字库中有的字体类型
<!doctype html>
<html>
<head>
<title>我的第一个示例</title>
</head>
<body>
<font color="red" size="7" face="java体">美好一天，从学习开始</font>
</body>
</html>
<br\>标签
换行标签，用于展示效果中换行，浏览器解析时会自动忽略。-
<p></p>标签
段落标签，用于展示效果中的划分段落，并且自动在段前和段后自动加空白行。align:段落内容的对齐方式(left，right，center)，默认是left，内容居左。
<h1></h1>
标题标签，用于展示效果中划分标题，其中<h1></h1>最大，<h6></h6>最小。-
 
空格符号，用于展示效果中显示一个空白的位置。
-
html注释
格式：<!--html注释内容-->
<!doctype html>
<html>
<head>
<title>我的第二个示例<title>
</head>
<body>
<h1>静夜思标题</h1>
<h2>静夜思标题</h2>
<h3>静夜思标题</h3>
<h4>静夜思标题</h4>
<h5>静夜思标题</h5>
<h6>静夜思标题</h6>>
静夜思<br/>
李白<br/><br/>
床前明月光，
<p>疑是地上霜。</p>
<p>举头望明月，</p>
<p>低头思故乡。</p>
李 白
<!--你好，我是注释-->
</body>
</html>
图片标签
-
<img/>标签
用于页面效果中展示的一张图片。src:指明图片的路径。（必有属性）
图片路径的写法：
绝对路径：文件在硬盘上的具体位置。（例如：c:\test.jpg）
相对路径：从引入者所在目录出发（例如：../img/test.jpg），../表示上一层目录，./表示当前目录。
互联网路径：必须在前面加上http://。（例如：)
上一篇： 推荐一款酷炫闪烁的告警按钮