html中使用到的标签

写在前面:接下里的一系列内容都是参考<<JavaWeb从入门到精通>>一书而来。

1.常用资源网站:

JDK,Tomcat,Eclipse,MySql,JSTL,Struts2,Spring,Hibernate,iBatis

2.html标签

一个html页面中使用到的主要有4个标签:

<html> **</html>,

<head>**</head>,

<title>**</title>,title标签在head标签里面使用

<body>**</body>;就是平时我们见到的页面主体了

其他重要标签:

换行标记:<br>,注意它是一个单独标记,不是成对标记

段落标记:<p>**</p>,会为段落的段前和段后都添加上单独一个空行。

标题标记:分为1级到6,h1h6

<h1>**</h1>

居中标记:<center>**</center>

文字加粗标记:<b>**</b>

文字列表标记:

a.无序列表:<ul>

<li>**

<li>**

</ul>

b.有序列表:

<ol>

<li>**

<li>**

</ol>

表格标记:完成一个表格需要以下标记,

<table>

<caption>表格的标题

<th>表头标记

<tr>行标记

<td>列标记

 

下面是交互标签:

html表单标记:

<form action = “url” method = “get|post” name=”name” onSubmit=”” target=””>

</form>

解释下:

action的值表示用来对该表单进行程序处理的url

method的值表示数据传送到服务器的方式,有get或者post.如果是get,会将数据拼接到url后面。

name的值表示表单的名称

onSubmit的值表示当用户点击提交按钮时触发的事件

target的值表示输入的数据结果显示在哪个窗口中。其中值可以选择_blank,在新窗口中打开目标文件

_self,在同一个窗口中打开

_parent,在上一级窗口中打开

_top,在浏览器的整个窗口中打开

 

表单输入标记:<input>该标签很重要,有很多个属性,是单独标记

type可选:

 

下拉列表框标记:<select>**</select>

使用<option>**</option>向列表中添加数据,还有以下属性:

name,下拉列表框的名字,

size,指定列表数据项的条数,超过该值,可以滚动。

disabled,是否可用

multiple,是否支持多选

 

多行文本标记:<textarea>**</textarea>

有如下属性:

name,多行文本标记名字

cols,列数

rows,行数

disabled,是否可用

readonly,是否只读

wrap,可取值hard,默认

hard,自动换行,换行符会被提交到服务器

soft,自动换行,换行符不会提交到服务器

off,不自动换行

 

超链接标记:<a > **</a>

有一个属性href的值表示点击后会链接到该地址

 

图片标记:<img> ,是一个单独的标记

有如下属性:

src,图片来源

width,图片宽度

height,图片高度

border,指定图片外边框的宽度,默认为0

alt,当图片无法显示时,显示的提示文字

 

3.html5新增内容

<section>元素,表示页面中的一个区域

<acticle>元素,表示页面中的一个区域,通常有自己的标题和脚注

<header>元素,表示页面中一个内容区域的标题

<footer>元素,表示页面中的一个内容区域的脚注

<aside>元素,表示当前页面的附属信息

<nav>元素,表示将具有导航性质的链接放在一起

 

新增的input属性type可以是:

email,url,number,range

本节中使用的例子链接:点击


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值