JavaWeb基础之html

html

font标签

<font size="1" color="red">文字标签</font>

size:1-7

注释标签

<!--html的注释-->

标题标签

<h1></h1> <h2></h2> ...<h6></h6>

h1到h6依次变小，自动换行

水平线标签

<hr size="1" color="red"/>

特殊字符

字符	转义
<	&lt；
>	&gt；
空格	&nbsp；
&	&amp；
版权符©	&copy；
注册符®	&reg；
双引号	&quot；

列表标签

定义列表

<dl> </dl>:表示列表的范围
	<dt> </dt> 上层内容
		<dd> </dd> 下层内容

有序列表

<ol > </ol>:有序列表的范围
type ：1(默认) a i
	<li> </li>

无序列表

<ul> </ul>:无序列表的范围
type ：空心圆circle、实心圆disc(默认)、实心方块square
	<li> </li>

图像标签

src ：图片的路径

width :宽度

height :高度

<img src=".." width=".." height=".."/>

路径

绝对路径

• C:\Users…
• https://www.bilibili.com/

相对路径

• 同一路径下

  <img src="直接写文件名称"/>
  

• 文件在html的下层目录

  <img src="同层目录\文件名称"/>
  

• 文件在html的上层目录

  <img src="../文件名称"/>
  	上一层：../
  	上上层：../../
  

超链接标签

链接资源

<a href="资源路径" target="_blank">显示在链接上的内容</a>

• href : 链接的资源地址

• target : 设置打开的方式

  ​ _blank : 新窗口打开

  ​ _self : 在当前页面打开(默认)

定位资源

<a name="add">内容</a>  定义一个位置
<a href="#add">内容</a>  回到这个位置

表格标签

• table : 表格的范围

  • border：表格线
  • bordercolor：表格线的颜色
  • width：表格的宽度
  • height：表格的高度

• tr ：定义行

  • 设置显示方式 align：left center right

• td：定义单元格

• caption：表格的标题

<table>
   <caption>标题</caption>
    <tr>
    	<td>单元格</td>
    </tr>
</table>

跨行：rowspan

<td rowspan="行数"></td>

跨列：colspan

<td colspan="列数"></td>

表单标签

<form> </form> 定义表单的范围
  -action:提交到地址，默认当前
  -method:表单的提交方式
          get(默认)、post

输入项

大部分<input type="输入项的类型">

普通输入项：<input type="text"/>
密码输入项：<input type="password"/>
单选输入项：<input type="radio" name="sex"/>女 <input type="radio" name="sex"/>男
   -默认选中：checked="checked"
复选输入项：<input type="checkbox" name=".."/>..
文件输入项：<input type="file"/>

下拉输入项：<select name="..">
  <option value="..">..</option>
</select>
 -默认选中：selected="selected"

文本域：<textarea cols=".." row=".."></textarea>

隐藏项：<input type="hidden"/>

提交按钮：<input type="submit" value=".."/>
-使用图片提交：<input type="image" src=".."/>

重置按钮：<input type="reset" value=".."/>

普通按钮：<input type="button"/> 

其他常用标签

b	加粗
s	删除线
u	下划线
i	斜体

pre	原样输出
br	换行
sub	下标
sup	上标
div	自动换行
span	同行显示
p	段落标签