javaweb-html基础标签01
Posted 暴走灬青春
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javaweb-html基础标签01相关的知识，希望对你有一定的参考价值。
htmlDay01
1. html:HyperText Markup Language超文本标记语言,网页语言
超文本：超出文本的范畴
标记:标签 <标签名称>
<font size="10" color="red">顾雨磊</font>
**html规范：
1.不区分大小写
2.unicode 编码中文
3.<head></head>
4.<html></html>
5.<body></body>
6.没有结束标签
换行：<br/>
水平线:<hr/>
**html操作思想
1.数据封装
2.修改属性
2.html常用标签
文字标签：
<font></font>
属性：
size: 1-7 ,超出，默认为7
color:2种方式，英文单词：red green blue black white yellow gray 十六进制：#ffffff RGB
注释标签：
html的注释：<!-- -->
标题标签：
<h1></h1> <h2></h2> <h3></h3> <h4></h4>....<h6></h6>
可以自动换行 由1-6，由大-小
水平线标签：
<br/>
属性：size 1-7
color
特殊字符：
转义
< <
> >
空格
& &
" "
注册符:®
版权符：©
列表标签：
<dl></dl>列表标签标识
<dt></dt>上层
<dd></dd>下层
排序标签：
<ol>排序标识
属性：type 设置排序方式1 a i
空心圆：circle
实心圆：disc
实心方框：square
<li>
</li>
</ol>
<ul>无序type属性
<li>
</li>
</ul>
3.图像标签
<img src="路径"/>
src:路径
width:宽
height:高
alt:图片上加文字，鼠标在图片上停留，文字显示，兼容性较差，有些浏览器不支持
4.路径：
2类：绝对路径，
相对路径：1.同一路径下 直接写路径名称 2.在下层，直接写它的上层\\文件名3.在上层，../文件名
5.超链接标签：
链接资源
<a href="连接到资源的路径">显示在页面上的内容</a>
href:链接资源的地址
target:设置打开的方式
_blank:在新的页面打开
_self:当前页面打开(默认)
<a href="#">不起作用</a>
定位资源
例：回顶部
定义位置
<a name="top">顶部</a>
回到这个位置
<a href="#top">返回顶部</a>
引入标签
<pre>原样输出</pre>
6.表格标签
将数据格式化，更加清晰整洁
<table border="1">
<tr>align="left" right center
<td></td> 同上
</tr>
</table>
<table border="1" bordercolor="blue" cellspacing="0" width="200" height="200">
<tr align="left"></tr>
<th>表示的单元格 居中加粗</th>
<caption>表格的标题</caption>
7.表格标签
合并单元格
rowspan 跨行
colspan 跨列
8.表单标签 标签都加上name属性
<form action="提交到的地址" method="表单的提交方式"> </form>
输入项：大部分用<input type="类型"/>
普通：<input type="text"/>
密码：<input type="password"/>
单选：<input type="radio"/>
需要name 且属性值一样
必须要有value值 地址栏捕获跟value值一致
*默认选中 属性值checked="checked"
复选框：<input type="checkbox">
需要name 且属性值一样
必须要有value值 地址栏捕获跟value值一致
*默认选中 属性值checked="checked"
文件：<input type="file"/>
下拉项：不用input
<select name="birth">
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
</select>
*默认选中 属性值selected="selected"
文本域：
<textarea cols="" row="" ></textarea>
隐藏项：
<input type="hidden">
提交按钮：<input type="submit" value="注册">
使用图片进行提交<input type="image" src="3.jpg">
action 提交到的地址
method 提交的方式 get(默认) 显示出来和post 不显示出来
get安全级别低 post级别高
get数据有限制大小 post没有
enctype 上传文件时用
重置按钮
<input type="reset"/>
普通按钮
<input type="button" value="顾雨磊"/>
9.其他标签
<b>加粗</b>
<u>下划线</u>
<i>斜体</i>
<s>删除线</s>
<pre>原样输出
<sub>下标
<sup>上标
<div></div>会自动换行
<span>在一行显示
<p></p>段落标签 比br多换一行
10.头标签
<title>:标签上显示的内容
<meta name="keywords" content="锅炉，暗示，阿萨德"/>
<meta http-equiv="refresh" content="3;url=hello.html"/>
base标签：设置超链接的基本设置
<base target="_blank"/>
link标签：引入外部文件 引入css文件
11.框架标签：
<frameset>
rows:按行划分
<frameset rows="80,*"></frameset>
cols:
<frame>:具体显示的页面
<frame name="lower_left" arc="hello.html">
不能使用body
<frameset rows="80,*">
<frame name="top" src="a.html">
<frameset>
<frame name="lower_left" src="b.html">
</frameset>
</frameset>
以上是关于javaweb-html基础标签01的主要内容，如果未能解决你的问题，请参考以下文章