html常用标签组成的页面

最新推荐文章于 2023-07-14 18:04:08 发布
最新推荐文章于 2023-07-14 18:04:08 发布
阅读量165 收藏
点赞数
文章标签： xhtml php

发表个html常用标签组成的页面，没事儿抄几遍，方便把标签都背下来。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> 这是测试页</title>
<!-- <base href=""> 存在引起了锚点定向错误，要如何解决？-->
<link rel="StyleSheet" type="text/css" href="css/index.css">
<meta name="网页描述信息">
<meta keywords="网页关键字">
<meta description="文本描述">
<meta robots="all">
<meta author="作者">
<meta copyright="版本信息">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="refresh" content="5000;url=http://baidu.com">

</head>
<body>
这是换行标签<br> <!--这是换行标签-->
<p>段落标签</p>
<center>居中标签</center>
<pre>
上
左 右======留存格式！
下
</pre>
<ul><li>无序列表</li></ul>
<ol><li>有序列表</li></ol>
<hr width="90%" size="20" color="blue" noshade> <!--横隔线 宽、高、颜色、无阴影 -->

<h1>标题行h1注意只有一个</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<b><u><i>黑 下划线 斜体</i></u></b> <br>
<font face="楷体_Gb2312" color="blue" size="5">楷体蓝色大小为5</font> <br>
<tt>打印机文字</tt> <br>
<cite>举例的斜体字</cite> <br>
<em>强调的斜体字</em><br>
<strong>强调的黑体字</strong><br>
<small>小型字体</small><br>
<big>大型字体</big>

<a href="1.htm" target="_blank">one</a><br> <!--还有 _self标志-->
<a href="#one">跳转至锚点1</a><br>
<a href="http://test1.htm#two">跳转至其他页面锚点2</a><br>
<a name="one">锚点1的文档内容...
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>

</a><br>
<a href="#">跳转回页首</a><br>


<a href="http://test.htm" target="_self"><img src="weave.png" border="5" height="150" width="30%" alt="这是一个图片链接，logo.jpg、边框5，高度300，宽度占浏览器30%"></a><br>

<table border="1" width="50%" height="150" align="center" cellspacing="0" cellpadding="5" bgcolor="#cccccc" bordercolor="green">
<caption><h2>测试学员表</h2></caption>
<tr align="center">
<td colspan="3">学生基本信息</td>
<td colspan="2">成绩</td>
</tr>
<tr>
<th>姓名</th> <!--th标签为专门字段名-->
<th>性别</th>
<th>专业</th>
<th>课程</th>
<th>分数</th>
</tr>
<tr align="center">
<td>小峰</td>
<td>男</td>
<td rowspan="2" valign="bottom">计算机</td>
<td rowspan="2" valign="top">PHP开发</td>
<td>86</td>
</tr>
<tr align="center">
<td>小樱</td>
<td>女</td>
<td>98</td>
</tr>

</table>
<br>

<table align="center" border="1" cellspacing="0" cellpadding="5" width="60%">
<caption><h3>表单的应用实例</h3></caption>
<form name="login" action="login.php" method="post" target="_blank" title="表单应用" enctype="multipart/form-data">
<tr>
<th>文本域</th>
<td><input id="user" type="text" name="uesrname" size="30" maxlength="10" value="username">
</td>
</tr>
<tr>
<th>密码域</th>
<td><input type="password" name="pass" size="32" value="hello">
</td>
</tr>
<tr>
<th>复选框</th>
<td>
<input type="checkbox" checked name="del[]">玩游戏
<input type="checkbox" name="del[]">看电影
<input type="checkbox" name="del[]">听音乐
<input type="checkbox" name="del[]">旅游
<input type="checkbox" name="del[]">看书
<input type="checkbox" name="del[]">写字
</td>
</tr>
<tr>
<th>单选框1</th>
<td>
<input type="radio" name="sex" checked>男
<input type="radio" name="sex">女
<input type="radio" name="sex">保密
</td>
</tr>
<tr>
<th>复选框2</th>
<td>
<input type="radio" name="sex1">男
<input type="radio" name="sex1" checked>女
<input type="radio" name="sex1">待定
</td>
</tr>
<tr>
<th>上传文件enctype="multipart/form-data"</th>
<td>
<input type="file" name="pic_file">
</td>
</tr>
<tr>
<th>单选式下拉列表</th>
<td>
<select id="gn" name="gn">
<option value="0">---请选择---</option>
<option value="1">赋值为1</option>
<option selected>默认选择2</option>
<option>没赋值直接为选项内容</option>
</select>
</td>
</tr>
<tr>
<th>非下拉式列表</th>
<td>
<select id="gn1" name="gn1" size="4" multiple> <!--可以显示4行的多选列表-->
<option>111111</option>
<option>222222</option>
<option>333333</option>
<option>444444</option>
<option>555555</option>
</select>
</td>
</tr>
<tr>
<th>多行文本域</th>
<td>
<textarea cols="40" rows="6" name="message">请在这里输入消息40列6行，实际内容输入量不限 </textarea>
</td>
</tr>
<tr>
<input type="hidden" name="id" value="100"><!--这个是隐藏的值，不显示在网页上-->
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="sub" value="提交">
<input type="image" src="dl.gif">
<input type="reset">
<input type="button" value="清空">
</td>
</tr>
</form>

</table>

</body>
</html>

iteye_11687
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html的标签页,标签页.html
weixin_39971132的博客
06-28 649
标签页.nav-tabs {border: none;}.panel-primary,.panel-default{margin: 15px 0;}.panel-primary .nav-tabs>li>a ,.panel-default .nav-tabs>li>a{border-bottom-color: transparent;color: #183464;}.pan...
【web基础】html常用标签+作品展示
qq_48584557的博客
04-28 3484
小亭子正在努力的学习编程，接下来将开启javaEE的学习~~分享的文章都是学习的笔记和感悟，如有不妥之处希望大佬们批评指正~~说明：此部分是java web基础知识，学的不深，仅为了后期独立实现项目时能够自己写前端页面。目录前言标签也有层次关系HTML 常见标签注释标签标题标签段落标签换行标签格式化标签图片标签：img代码示例超链接标签 a表格标签合并单元格列表标签表单标签input 标签1.文本框2.密码框3.单选框4.复选框5.普通按钮6.提交按钮7.清空按钮8.选择文件lable标签。
html 设置两个标签的相对距离_html 标签 属性
weixin_39886956的博客
01-27 862
大中小html 标签 属性2011-08-12html 标签 属性详解HTML标签和属性在HTML中，通常标签都是由开始标签和结束标签组成的，开始标签用“”表示，结束标签用“标签名>”表示。元素指的是包含标签在内的整体，除去标签的部分叫做内容。属性要在开始标签中指定，用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示，用空格隔开后，还可以指定多个属性。指定多个属性时不用区分...
HTML标签详解
Krive~Irving
07-14 3100
html详解
前端——HTML中的常用标签详解
xh1605004242的博客
05-06 6475
HTML中的常用标签
HTML常用标签大全及html标签的特点
12-14
首先要知道html标签的一些特点： 1.类似“<关键字>”这样由尖括号包关键字组成，例如<html>,…… 2.一般是成对出现的，由开始标签类似“元素内容”，左边标签一边叫开始标签，右边</ >叫结束标签，...
HTML课堂笔记.pdf
11-29
元素由开始标签、内容和结束标签组成。例如：这是一个段落。其中，是开始标签，是结束标签，"这是一个段落"是内容。 常用的 HTML 元素有： * 段落元素： * 标题元素：、、等 * 链接元素： * 图像元素： * 列表元素...
html基础知识总结-第一天
最新发布
08-18
HTML 基础知识总结的第一天，主要涵盖 HTML 基础语法、标签的分类、网页组成、标签的关系、注释、标题标签、段落标签、换行和水平线、文本格式化标签、图像标签、路径、超链接标签、音频和视频等知识点。 HTML 基础...
HTML标题！！！！！！
03-26
* HTML常用标签 * HTML注释的使用 * 查看HTML源代码 总结来说，HTML标题和基本元素是HTML文档中的重要组成部分，合理地使用它们可以提高网页的可读性和可维护性。同时，合理地使用注释和查看源代码也非常重要，它...
html入门到放弃笔记
05-15
1、HTML文档的组成 1、文档类型声明 告知浏览器当前的HTML文档用的是哪个版本 在网页的最顶端 <!doctype html> 2、由一对 html 根标记，来表示页面的开始与结束 Demo : 1、在 htdoc 中，创建一个网页 01-...
html中使用什么标签做的导航栏_前端组件之导航栏
weixin_39534780的博客
11-23 3625
最近想开始写一些关于网页会用到一些组件的文章。对于很多网站而言，导航栏是必不可少的一部分，它对于网页的作用，就好比一本书的目录。如何到达网页的不同部分这时候就很需要导航栏了。对于导航栏，一般分水平导航栏和垂直导航栏两种，垂直导航栏一般而言在电商网页使用很多，相对于垂直导航栏而言，大部分网页更青睐水平导航栏。所以计划了一下，今天先来从网页的“门面”水平导航栏讲起。第一步：先创建放载导航栏的div盒子...
html有几个标签组成,HTML5 结构标签
weixin_30776737的博客
06-17 297
一、定义标题栏：headerheader 元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含其他内容，因此整个页面的标题应该放在页面的开头。header定义文档的页眉，在一个网页中可以多次使用 header 元素。语法&案例：网页标题文章标题文章正文二、定义标题组：hgrouphgroup 元素可以为标题或者子标题进行分组，通常与 h1...
HTML标签学习
qq_43710889的博客
04-10 2874
HTML标签学习 文章目录HTML标签学习head标签学习body标签学习body文本标签1.标题标签2.水平线标签3.段落标签4.换行符标签文本标签全部代码body列表标签1.无序列表2.有序列表3.自定义列表列表标签全部代码图片标签学习代码粘贴超链接标签学习a标签锚点学习代码粘贴表格标签的学习表格的合并代码粘贴表格标签练习（绘出求职简历表）内嵌标签的学习框架标签的学习form表单标签的学习from表单域标签学习注册页面练习 head标签学习 网页标题标签 <title>HTML学习&lt
html-标签页
weixin_34309543的博客
11-09 190
<template> <div class="pos-frame"> <div class="pos h100"> <div class="pos-right"> <div class="tab-wrap"> <input type="radio" id=...
HTML讲解（HTML结构及标签）
m0_48273471的博客
04-20 6969
HTML的使用及HTML常见标签 目录 1. HTML结构 1.1HTML 基本结构 1.2标签层次结构 2. HTML常见标签 2.1 注释标签 2.2 标题标签 2.3 段落标签 2.4 换⾏标签: br 2.5 格式化标签 2.6 图⽚标签: img 2.7 超链接标签: a 2.8 表格标签 2.9 列表标签 2.10 表单标签 1. HTML结构 1.1HTML 基本结构 <html> <head> ...
HTML入门1-基本标签
Lexi_Alexander的博客
09-14 549
1.基本标签1.文档声明2.HTML标签3.head标签1.1 head标签 #1.1 HTML结构 <!DOCTYPE html> <!--文档声明--> <html> <head> <!-HTML标签对 页头html标签对--> </head> <body> <!-HTML标签对 页身html标签对--> </body> </html> 一个完整的HTML页面，其实就
html标签主体分为三个部分,HTML的基本结构与标签的初步了解
weixin_35744893的博客
06-22 3164
一、初步了解HTMLHTML是一种超文本标签语言，浏览器则是用来“解释和执行”HTML源码的工具。HTML的基本结构其中是文档类型声明，声明这个文件必须是HTML5文件，让浏览器按照HTML5准备进行解析，必须在HTML5中，必须要有，且是一定要写在文件的最上方滴。是网页的标题，显示在最上方的文字： 是用来描述网页的一些关键信息。例如网页的配置、设置、关键字等等。。。这些信息，大多在浏览器看不到，...
GNE 预处理技术：如何移除特定标签但是保留文字到父标签
GitChat
09-24 450
在开发新闻网页正文通用抽取器 GNE的过程中，需要对目标网页的源代码进行一些预处理，从而提高正文抓取的准确性。其中之一就是把 p 标签内部的 span 标签中的文本，合并到 p 标签中，再删除 span 标签。...
HTML入门（一）概念、代码组成
NameOfBlog的博客
01-13 486
概念     标签：HTML是标记语言，标签是HTML中最基本的单位，大部分标签有附带的属性，大部分标签可嵌套（可嵌套标签以对出现）。     元素：整个标签下内容和标签本身组成一个元素，由于大部分标签可嵌套，大部分元素也是可嵌套的特殊的元素：                     &#60img>由于图像不是超文本，图像其实不是HTML的一部分，且图像不可嵌套        
请说明html5文档页面组成结构
06-09
5. 元素和标签：HTML文档中的内容都是由元素和标签组成的。元素包含了开始标签、结束标签和内容；标签则是用来定义元素的。 6. 块级元素和内联元素：块级元素会在页面上生成一个新的块，常用的块级元素有`<div>`、`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值