Html

最新推荐文章于 2024-07-18 13:52:01 发布
最新推荐文章于 2024-07-18 13:52:01 发布
阅读量403 收藏 1
点赞数
分类专栏： Web 文章标签： input xhtml border table html 文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Papaver_Flower/article/details/7384915
版权

  Head中的<meta>标签

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="author" content="WangMou" />
        <meta http-equiv="pragma" content="no-cache" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="expire" content="0" />
        <meta http-equiv="keywords" content="关键字，搜索索引" />
        <meta http-equiv="refresh" content="5;URL=http://www.baidu.com" />
        <title>文档标题</title>
    </head>

  Body中字体的显示效果

	<body>
    	<b>粗体显示</b><br />
        <i>斜体显示</i><br />
        <u>下划线显示</u><br />
        <del>删除效果</del><br />

  <pre>标签

        <hr />
        <pre>
        public class Test{
        	public static void main(String args[]){
            	System.out.println("<pre>标签保持原格式");
            }
        }
        </pre>

  <a>标签，超链接和锚点

        <hr />
        <a href="#lable">跳到锚点的定义</a><br />
        <a name="lable">定义锚点</a><br />
        <a href="mailto:qq@qq.com?suject=AboutHTML">邮件链接</a>

  列表标签<ol><ul><li>

        <hr />
        <ul>
            <li>列表</li>
            <li>标签</li>
            <li>无序</li>
        </ul>
        <ol>
            <li>列表</li>
            <li>标签</li>
            <li>有序</li>
        </ol>

        <table>

        <hr />
        <table border="1">
        	<tr>
            	<th>第一列</th>
                <th>第二列</th>
            </tr>
            <tr>
            	<td>第一列下面</td>
                <td>第二列下面</td>
                <td rowspan="2">TRY</td>  <!--注意表的分割地点-->
            </tr>
            <tr>
            	<td>再下面</td>
                <td>再下面</td>
            </tr>
        </table>
        <hr />
        <table border="1">
        	<tr>
            	<th>第一列</th>
                <th>第二列</th>
            </tr>
            <tr>
                <td colspan="2">第一行下面</td>
            </tr>
            <tr>
                <td colspan="2">再下面</td>
            </tr>
        </table>
        <hr />
        <table border="1" bordercolor="#FF0000" style="border-collapse:collapse">
        	<tr>
            	<td>aaaaaa</td>
                <td>bbbbbb</td>
                <td rowspan="2">cccccc</td>
            </tr>
            <tr>
            <td colspan="2">dddddd</td>
            </tr>
        </table>

  <form>表单

        <form>
        	账号<input type="text" name="id" method="post"/><br />
            <!--可加入一下三个属性，默认值，宽度，和最大长度。value="333" size="30" maxlenth="10"-->
            密码<input type="password" name="pws" /><br />
            性别
            男<input type="radio" name="sex" value="0" checked="checked" />
            女<input type="radio" name="sex" value="1" /><br />
            选择
            方便面<input type="checkbox" name="food" value="0" checked="checked" />
            火腿肠<input type="checkbox" name="food" value="1" checked="checked" />
            好丽友<input type="checkbox" name="food" value="2" />
            萨琪玛<input type="checkbox" name="food" value="3" /><br />
            复选框
            <select name="drink">  <!--加上multiple，可以多选-->
            	<option value="0">矿泉水</option>
                <option value="1">可乐</option>
                <option value="2" selected="selected">雪碧</option>
                <option value="3">奶茶</option>
            </select><br />
            <input type="hidden" name="hid" value="50" /><!--value是返回值--><br />
            <textarea name="text" rows="5" cols="40"></textarea>
            <input type="reset"  value="重置" />
            <input type="submit" name="提交" />
            <!--可以使用图片提交，而且可以知道点击图片上面以图片左上角为0，0的坐标<input type=image src="Blue hills.jpg" width="20" height="20" />-->
        </form>



  <frame>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=gbk" />
        <meta http-equiv="author" content="WangMou" />
        <meta http-equiv="pragma" content="no-cache" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="expire" content="0" />
        <meta http-equiv="keywords" content="关键字，搜索索引" />
        <meta http-equiv="refresh" content="5;URL=http://www.baidu.com" />
        <title>文档标题</title>
    </head>
		<frameset rows="20%,80%">
			<frame src="http://www.baidu.com" />
			<frameset cols="20%,80%">
				<frame src="http://www.baidu.com" />
				<frame src="http://www.baidu.com" />
			</frameset>
		</frameset>
    <body>
    </body>
</html>




Papaver
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一套后台管理html模版
08-04
【标题】：“一套后台管理html模版” 这套后台管理HTML模板是专为构建高效、功能丰富的后台管理系统界面设计的。HTML模版是前端开发的基础，它定义了网页的结构和样式，使得开发者能够快速搭建出美观且易于操作的...
HTML动态爱心代码爱心满屏
11-07
HTML动态爱心代码满屏爱心免费下载
网上订餐系统模板html源码
06-11
网上订餐系统模板HTML源码是一个用于构建在线订餐平台的前端资源，它包含了实现基本功能所需的HTML文件。由于描述中提到该源码是静态的，这意味着它不包含任何服务器端代码或与数据库的交互，因此它主要用于展示界面...
纯HTML网页源码
11-02
HTML，全称HyperText Markup Language，即超文本标记语言，是构建互联网页面的基础。它是一种标记语言，通过一系列标签来描述网页的结构和内容。"纯HTML网页源码"指的是只包含HTML代码，不依赖其他如JavaScript、CSS...
爱心代码 李峋同款爱心等免费下载 exe、py、html格式
11-12
【标题】"爱心代码 李峋同款爱心等免费下载 exe、py、html格式" 提供了一组与编程相关的资源，这些资源包含了不同格式的爱心图案实现，包括可执行文件（exe）、Python脚本（py）以及HTML页面（html）。这暗示我们...
Flexpaper 在线文档显示
Papaver_Flower的专栏
07-29 7231
第一步：先去下载Flexpaper的源码和例子，用TortoiseSVN下载下来地址是：http//flexpaper.googlecode.com/svn/trunk把上面的上个文件夹下载下来。   第二步：安装Adobe Flash Builder 4.5，然后安装目录里有一个文件夹里面，可以安装eclipse插件。（安装后会把eclipse变为中文，在eclipse根目录下的ecl
Json和Gson
Papaver_Flower的专栏
04-08 4172
TestJson类 package Test.action; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; //用之前先把org.json包里面的类 全部放到项目里 public class TestJson { public static void ma
DBUtil
Papaver_Flower的专栏
04-21 2146
DBUtil初级原始版 package BaseDao; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import javax.sq
DBCP C3P0
Papaver_Flower的专栏
04-20 933
DBCP public class TestDbcp { public static void main(String[] args) throws SQLException { BasicDataSource basicDataSource = new BasicDataSource(); basicDataSource.setUrl("jdbc:mysql://localhos
ImageTool
Papaver_Flower的专栏
04-20 815
import java.awt.Color; import java.awt.Graphics2D; import java.awt.Image; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; public c
Flash版本的获取
Papaver_Flower的专栏
07-09 675
首先是网上一个很不错的教程。（转载：http://hi.baidu.com/smvv21/item/60042e4c754a99efa4c06674） function flashChecker(){ var hasFlash=0;         // 是否安装了flash var flashVersion=0;  // flash版本 var isIE=/* @cc_on
图片 文件 上传 缩略图
Papaver_Flower的专栏
07-29 674
图片缩略图 function previewImage(file){ var div = document.getElementById("curImg"); var MAXWIDTH = 50; var MAXHEIGHT = 50; if(typeof FileReader === "undefined"){ alert
Google Baidu
Papaver_Flower的专栏
03-30 520
MySearch function search(){ var obj = document.getElementById("keyword"); //alert(obj.value); //输入的数据 var i = document.getElements
滚动
Papaver_Flower的专栏
08-27 501
Question .outer {border:1px solid #000; width:520px; height:300px; position:relative; padding:0; overflow:hidden;} .inner {position:absolute;} .inner div{border:1px solid red; width:118px;
从JSP页面发送中文信息给Servlet乱码错误。
Papaver_Flower的专栏
04-22 500
从页面发送信息回去，比如bookName是中文。   System.out.println(request.getParameter(bookName));   OperateServlet接收到之后却是乱码，调整一下接收方式即可。 System.out.println(new String(request.getParameter("bookName").get
Cookie
Papaver_Flower的专栏
04-08 447
SetCookie类 package TestCookie; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.Cookie; import javax.servlet.http.HttpS
Ajax
Papaver_Flower的专栏
04-10 349
testAjax.jsp <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> "> My
web前端基础面试85题（一）
最新发布
柯晓楠
07-18 781
1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值