Web 开发基础：HTML，java 面试没问技术问题

标题

内容 1

内容 2

内容 3

标题标签： h1 ~ h6

<h1>标题 1</h1>

<h2>标题 2</h2>

<h3>标题 3</h3>

<h4>标题 4</h4>

<h5>标题 5</h5>

<h6>标题 6</h6>

标题 1

===

标题 2

标题 3

标题 4

标题 5

标题 6

段落标签：p

主要用于描述段落文字

<p>这是段落 1</p>

<p>这是段落 2</p>

这是段落 1

这是段落 2

区块标签：div

div 标签主要用于配合 css 样式完成页面的布局。

<div style="width:200px;height:200px;background:red">

Hello

</div>

图像标签：img

用法：

<img src="图片路径" alt="图片说明" title="图片说明" width="200px" height="100px">

图片路径分为：

• 绝对路径，完整的文件路径，从盘符或主机名开始，如：D:/images/xxx.jpg

如果是本地文件使用绝对路径，本地文件位置改变后，

图片就会失效。

绝对路径主要用于：显示外部网站图片。

• 相对路径，相对网页的文件位置，如：images/xxx.jpg

网站中的本地图片一般都使用这种。

范围标签 span

作用就是将一段文字突出显示，需要和样式配合使用

今天是<span style="color:red;font-size:30px">2018</span>年 6 月 4 号

超链接 a

用法：

<a href="页面路径" target="目标窗体">链接文字</a>

说明：

• 页面的路径

分为绝对路径和相对路径，如果链接外部网站的页面就用绝对路径，链接本网站的页面用相对路径。

• target 属性

_blank 在新页面打开

_parent 在父页面打开

_self 在当前页面打开（默认）

特殊超链接

锚链接

作用：在一个网页内部实现定位，如：回到顶部

实现步骤：

1、在网页的某一个位置添加锚链接

<a name="锚名字"></a>

2、在需要链接的地方添加：

<a href="#锚名字>文字</a>

邮箱链接

作用：可以自动打开邮件客户端

<a href="mailto:邮箱地址">链接文字</a>

特殊符号

空格： 

大于(>)：>

小于(<）: <

引号（“）："

版权号? ：©

表格标签

==================================================================

页面中的表格一般用于页面布局或是展示数据报表。

表格的基本结构

table 是表格，tr 代表一行、td 代表一个单元格

<table>

<tr>

<td>单元格内容</td>

....

</tr>

....

</table>

table 的属性：

• width 宽（单位：px 固定值，n%相对值）

• height 高

• border 边框宽度

tr 和 td 都可以设置对齐属性 align

• left 左对齐

• right 右对齐

• center 居中对齐

单元格 td 的属性：

• 跨行 rowspan

• 跨列 colspan

<table width="500px" height="200px" border="1px">

<tr align="center">

<td colspan="3">1</td>

</tr>

<tr>

<td rowspan="2">2</td>

<td>3</td>

<td>4</td>

</tr>

<tr>

<td>5</td>

<td>6</td>

</tr>

</table>

表单标签

========

【一线大厂Java面试题解析+核心总结学习笔记+最新架构讲解视频+实战项目源码讲义】
浏览器打开：qq.cn.hn/FTf 免费领取

==========================================================

表单的作用是收集用户的信息，用于搜索、注册、登录等

表单标签

<form action="服务器程序地址" method="请求方法">

...

</form>

请求方法：

• post 提交的数据在后台，不会显示在 URL 中，安全性高；长度不限

• get 提交的数据附加 URL 中，安全性低；长度有限，速度更快

表单元素

<input name="元素名称" value="属性的值" maxlength="最大长度"

placeholder="占位符" checked="是否选中" type="类型">

type 的值：

• text 文本框（默认）

• password 密码框

• radio 单选按钮

注意：同一组的单选按钮，要设置成相同的名字

• checkbox 复选按钮

• submit 提交按钮，点击后数据会提交给服务器

• reset 重置按钮，清空数据

• button 普通按钮，需要使用 JS 编写功能

• file 文件域，实现文件上传

• hidden 隐藏域，不显示出来，数据可以提交

下拉菜单

<select name="名字" >

<option value="值">显示选项内容</option>

...

</select>