Javaweb-标签介绍

常用标签

注释

<!---->
在Javaweb中这个符号表示注释

2.换行

<br/>

3.水平线

<hr/>

4.字体标签font， color修改颜色，face修改字体， size修改大小

<font color="red" face="宋体" size="5">我是字体标签font</font>

5.特殊字符

 <           &lt;>           &gt;
空格         &nbsp

我是&lt;br&gt;标&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp签

6.标题标签
属性：align对齐

<h1 align="left">标题1</h1>
<h2 align="center">标题2</h2>
<h3 align="right">标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<h7>标题7</h7>

7.超链接
属性： href设置转到那个网址
target设置转的方式
_self在当前窗口转
_blank打开新的跳转窗口

<a>百度</a><br/>
<a href="https://www.baidu.com/?tn=62095104_19_oem_dg" target="_self">百度</a><br/>
<a href="https://www.baidu.com/?tn=62095104_19_oem_dg" target="_blank">百度</a>

8.列表
ul无序列表
ol有序列表
属性：li列表项
type修改前面的符号

<ul><li>刘能</li><li>赵四</li>
</ul>
<br/>
<ul type="none"><li>刘能</li><li>赵四</li>
</ul>
<br/>
<ol><li>宋小宝</li><li>小沈阳</li>
</ol>

9.表格标签table
属性： border设置表格标签
width设置宽
height设置高
algin设置对齐方式
cellspacing设置单元格间距
tr行表头
th表头标签
td是单元格标签
align对齐方式
b加粗

<table align="center" border="1" cellspacing="0"><tr><th>1</th><th>2</th><th>3</th></tr><tr><th>4</th><th>5</th><th>6</th></tr><tr><th>7</th><th>8</th><th>9</th></tr>
</table>

10.form表单
input type=text 是文件输入框 value 设置默认显示内容
input type=password 是密码输入框 value 设置默认显示内容
input type=radio 是单选框 name 属性可以对其进行分组 checked="checked"表示默认选中
input type=checkbox 是复选框 checked="checked"表示默认选中
input type=reset 是重置按钮 value 属性修改按钮上的文本
input type=submit 是提交按钮 value 属性修改按钮上的文本
input type=button 是按钮 value 属性修改按钮上的文本
input type=file 是文件上传域
input type=hidden 是隐藏域当我们要发送某些信息，而这些信息，不需要用户参与，就可以使用隐藏域（提交的时候同时发送给服务器）
select 标签是下拉列表框
option 标签是下拉列表框中的选项
selected="selected"设置默认选中
textarea 表示多行文本输入框（起始标签和结束标签中的内容是默认值）
rows 属性设置可以显示几行的高度
cols 属性设置每行可以显示几个字符宽度


<form>用户名称<input type="text" value="默认值"/><br/>用户密码<input type="password" value="abc"><br/>确认密码<input type="password" value="abc"><br/>性别<input type="radio" name="sex" checked="checked">男<input type="radio" name="sex">女<br/>兴趣爱好<input type="checkbox">Java<input type="checkbox">C++<input type="checkbox">JavaScrip<inputtype="checkbox"><br/>国籍<select><option>--请选择国籍--</option><option>中国</option><option>美国</option><option>小日本</option>
</select><br/>自我评价<textarea rows="10" cols="20">默认值</textarea><br/><input type="reset" value="重置"><input type="submit" value="提交"><input type="button" value="按钮没啥用"><input type="file" value="上传文件"><input type="hidden">
</form>

但是这个表单看起来难看极了，所以我们可以表格化上面的表单让他更美观一点

<form action="https://www.baidu.com/?tn=62095104_19_oem_dg" method="post"><table><tr><td>用户名称</td><td><input type="text" value="默认值"/></td></tr><tr><td>用户密码</td><td><input type="password" value="abc"></td></tr><tr><td>确认密码</td><td><input type="password" value="abc"></td></tr><tr><td>性别</td><td><input type="radio" name="sex" checked="checked">男<input type="radio" name="sex">女</td></tr><tr><td>兴趣爱好</td><td><input type="checkbox">Java<input type="checkbox">C++<input type="checkbox">JavaScrip<input type="checkbox"></td></tr><tr><td>国籍</td><td><select><option>--请选择国籍--</option><option>中国</option><option>美国</option><option>小日本</option></select></td></tr><tr><td>自我评价</td><td><textarea rows="10" cols="20">默认值</textarea></td></tr><tr><td> <input type="reset" value="重置"></td><td><input type="submit" value="提交"></td></tr></table>
</form>

不得不说，看起来好看极了
11.img标签
img 标签是图片标签,用来显示图片 src 属性可以设置图片的路径 width 属性设置图片的宽度 height 属性设置图片的高度 border 属性设置图片边框大小 alt 属性设置当指定路径找不到图片时,用来代替显示的文本内容
在 web 中路径分为相对路径和绝对路径两种
相对路径:
. 表示当前文件所在的目录
… 表示当前文件所在的上一级目录
文件名表示当前文件所在目录的文件,相当于 ./文件名
./ 可以省略
绝对路径: 正确格式是: http://ip:port/工程名/资源路径
12.其他标签
div 标签默认独占一行
span 标签它的长度是封装数据的长度
p 段落标签默认会在段落的上方或下方各空出一行来（如果已有就不再空）

<div>div标签1</div>
<div>div标签2</div>
<span>span标签1</span>
<span>span标签1</span>
<p>p标签1</p>
<p>p标签2</p>

Javaweb-标签介绍相关推荐

JavaWeb笔记01-HTML基础标签介绍
JavaWeb笔记01-HTML基础标签介绍文章目录 JavaWeb笔记01-HTML基础标签介绍 1. html简介 2. 开始和结束标签 3. title标签 4. meta标签 5. 换行标签 ...
一款研发管理软件的对象标签介绍
如果你了解WIKI,WIKI中的所有信息链接以标签的方式网状关联.TOPO系统中实现了完整的TAG功能,区别于目前市面上的其他类似管理系统,TOPO系统中实现的标签功能更加彻底和全面,例如完全用户自定 ...
html语言1002html语言,HTML基础和标签介绍
一.web前端的认识主要是解决用户体验,包括web网页和移动端,不管是针对哪一种,都有认识的态度去学习,多多联系. 二.网页的组成部分网页是由文字.图片.按钮.输入框.视频.音频...等元素组成. ...
HTML label标签介绍
label标签介绍 label标签为input元素定义标注(标记),它不会向用户呈现任何特殊效果,和span标签类似.但label标签和span标签最大的区别就是它为鼠标用户改进了可用性,可以关联特定 ...
xliff:g标签介绍：
<xliff:g>标签介绍: <string name="appwidget_text_format"><xliff:g id="prefi ...
7.18 阿里巴巴企业黄页HTML实现、HTML标签介绍、frameset框架、HTML5标签、CSS
阿里巴巴企业黄页HTML实现.HTML标签介绍.frameset框架.HTML5标签.CSS 一.阿里巴巴企业黄页HTML 二.HTML标签介绍三.frameset框架.iframe框架 frame ...
php html block,HTML的blockquote标签介绍
HTML 标签所有主流的浏览器均支持标签. 注释:没有浏览器能够正确地显示 cite 属性. ( 推荐学习:html教程 ) 定义和用法标签定义块引用. 与之间的所有文本都会从常规文本中分离出 ...
[MyBatis学习笔记] 二、Mybatis基本操作及相关标签介绍
[MyBatis学习笔记] 二.Mybatis基本操作及相关标签介绍一.Mybatis简介二.简单的CRUD操作 1.构建SqlSessionFactory (1)编辑mybatis-config ...
html中默认为空白文档都有那些标签构成,HTML标签介绍全-.docx
HTML标签介绍全- 代码初体验,制作我的第一个网页欢迎来到HTML+CSS课堂,加入高端大气上档次的web前端开发团队.我们在正式学习之前,先来热热身,问候下世界,做个人生中的第一个html网页吧. ...
Maven Assembly插件使用与标签介绍
Maven Assembly插件使用与标签介绍一.介绍 Assembly 插件的主要作用是,允许用户将项目输出与它的依赖项.模块.站点文档.和其他文件一起组装成一个可分发的归档文件. 二.常见的m ...

Javaweb-标签介绍

常用标签

Javaweb-标签介绍相关推荐

最新文章

热门文章