Java Web学习-HTML学习(1)-优快云博客

网页中:HTML一般为内容，CSS为布局

Java SE为C/S结构，C/S 为Client Server

B/S Broswer Server（软件结构即浏览器到服务器）

网页由:内容（结构），表现（颜色布局），行为。

HTML 超文本标记语言

Java文件是需要先编译，再由虚拟机跑起来的，但是HTML文件不需要编译，直接由浏览器进行解析并执行。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第一个html文件</title>
</head>
    <p> 内容
	<p> 内容 内容
    <p>	 内容 内容 内容 
	<p> 内容 内容 内容 内容
	<p> 内容 内容 内容 内容 内容
    <p>内容 内容 内容 内容 内容 内容
	<p> 内容 内容 内容 内容 内容 内容 内容
	<p> 内容 内容 内容 内容 内容 内容 内容 内容
<body>
</body>
</html>

HTML 标签

bgcolor是背景颜色属性

onclick表示单击（点击）事件

alert()是javascript语言提供的一个警告框函数，它可以接受任意参数，参数就是警告框的提示信息

<p> <p/>双标签 <br />单标签

html语法问题:

标签不能交叉嵌套

标签必须正确关闭

属性必须有值，属性值必须加" "引号

注释不能嵌套

<font>

<font>可规定文本的字体，字体尺寸，字体颜色

	<font color="red" face="黑体" size="+6">font的用法</font>

<br>换行

我是<br>标签
	<br>我是br标签

空格

空格是HTML最普通的字符实体。

通常情况下，HTML会裁掉文档中的空格。假如你在文档中连续输入了10个空格，那么HTML会去掉其中的9个。如果使用&nbsp,就可以在文档中增加空格。

welcome to HTML world!
	<br>welcome           to        HTML                     world!
	<br>welcome &nbsp;&nbsp;&nbsp;to&nbsp;&nbsp;&nbsp;HTML&nbsp;&nbsp;&nbsp;world!

标题标签

<h1>最大<h6>最小

align为对齐方式 left左对齐(默认对齐方式) center居中对齐 right右对齐

<!--标题标签-->
	<h1 align="left">标题</h1>
	<h2 align="center">标题</h2>
	<h3 align="right">标题</h3>
	<h4>标题</h4>
	<h5>标题</h5>
	<h6>标题</h6>

超链接

在网页中所有点击后可以跳转的内容为超链接。

<a></a>标签为超链接

href属性为链接跳转的地址

target属性设置由哪个目标进行跳转

_self 表示为当前页面进行跳转

_blank 表示打开新页面进行跳转链接

<a href=https://www.microsoft.com/zh-cn/software-download/windows10>>点击跳转win10</a></br>
	<a href=https://www.microsoft.com/zh-cn/software-download/windows10 target="_self">>点击跳转win10</a></br>
<a href=https://www.microsoft.com/zh-cn/software-download/windows10 target="_blank">>点击跳转win10</a></br>

列表标签

<ul></ul>无序列表

<li>列表项

<ol></ol>有序列表

	<ul>
		<li>赵四</li>
		<li>刘能</li>
		<li>小沈阳</li>
		<li>宋小宝</li>
	</ul>
	<ol>
		<li>赵四</li>
		<li>刘能</li>
		<li>小沈阳</li>
		<li>宋小宝</li>
	</ol>

img标签

img标签为图片图像标签，用来显示图片

width属性设置图片高度 height属性设置图片的高度 border属性设置图片的边框

alt属性设置当前指定的路径找不到图片时，用来代替显示的文本内容

src属性可以设置图片的路径

在Java SE中分为相对路径和绝对路径

相对路径:从工程名开始算

绝对路径:盘符:/目录名/文件名

在web中路径分为相对路径和绝对路径

相对路径:

. 表示当前文件所在的目录

.. 表示当前文件所在的上一级目录

文件名表示当前文件所在目录的文件，相当于./文件名 ./可以省略

绝对路径

格式是:http://ip.port//工程名//资源路径错误格式:盘符:/目录/文件名

Table标签

<table> 标签是表格标签

<tr>是行标签

<th>是表头标签

<td>是单元格标签

<b>是加粗标签

<cellspacing>设置单元格间距

<table border="1" width="300" height="300" cellspacing="20">
	<tr>
		<td align="center"><b>1.1</b></td>
		<th>1.2</th>
		<td>1.3</td>
		</tr>
		<tr>
		<td>2.1</td>
		<td>2.2</td>
		<td>2.3</td>
		</tr>
		<tr>
		<td>3.1</td>
		<td>3.2</td>
		<td>3.3</td>
		</tr>
	</table>