Java教程

JavaWeb基础之html

本文主要是介绍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段落标签
这篇关于JavaWeb基础之html的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!