HTML_5 (1 2 3的代码总结）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3> <p>
第一段：好好学习天天向上
</p>
<p>
第二段：好的<br />没问题
</p> <!--注释的写法，浏览器不会进行任何的操作，快捷键crtl / --> <p>
大小于号的写法：<br />
3 < 5 <br />
10 > 5 <br />
4<6 <br />
7>1 <br />
空格1 空格2 空格3 空格4
</p> <p>
<!--图片显示-->
<img src='http://i02.pictn.sogoucdn.com/a1bbd31d4f7df270' alt="产品图片"/>
<img src="data:images/pic.jpg" alt="加载图片失败，妹妹睡觉去了"/> <br />
<img src='http://i04.pictn.sogoucdn.com/c86564260dc87a3c'/>
<img src="http://i01.pictn.sogoucdn.com/97e326743ea33368"/>
<!--以上均为绝对路径，相对路径如下-->
<!--相对路径指的是相对html文件的路径-->
<!-- ./表示当前文件所在目录下 ../表示当前文件所在目录下的上一级目录-->
<img src="./images/1.jpg" alt="在当前路径下有个images文件夹，里边存放了1.jpg"/>
</p> <p>
<!--点击文字的超链接-->
双11节提前开始了
<a href="http://www.taobao.com">点击下面的链接，优惠50%</a>
<!--点击图片的超链接-->
<a href="https://www.cnblogs.com/"><img src='https://www.cnblogs.com/images/logo_small.gif' alt="图片"/></a>
<!--以上均为绝对路径，相对路径如下-->
<!--相对路径指的是相对html文件的路径-->
<a href="./images/1.jpg">点击回到本地1.jpg</a>
<!-- target属性：target="blank"或者"_blank"，点击链接会在一个新的页面显示 target="_self"，点击链接会原页面显示-->
<a href="http://www.jd.com" target="_blank"><img src="https://p.ssl.qhimg.com/t01fdadfd1706f7d040.jpg"></a>
<a href="http://www.cnblogs.com/tianqizhi/p/" target="_self">点击跳转到我的博客</a>
<!-- target不写，默认会在原页面显示-->
<!--属性：title 注： 可用于换行-->
<a href="http://www.cnblogs.com/tianqizhi/p/" title="鼠标放在上边 第二行 ">鼠标放在上边会显示本句</a>
<!--name属性--> <p>
<a href="#C6">参见第10章</a>
</p> <a name="C1"><h2>第1章</h2></a>
<p>这是齐1</p> <a name="C2"><h2>第2章</h2></a>
<p>这是齐2</p> <a name="C3"><h2>第3章</h2></a>
<p>这是齐3</p> <a name="C4"><h2>第4章</h2></a>
<p>这是齐4</p> <a name="C5"><h2>第5章</h2></a>
<p>这是齐5</p> <a name="C6"><h2>第6章</h2></a>
<p>这是齐6</p> <a name="C7"><h2>第7章</h2></a>
<p>这是齐1</p> <a name="C8"><h2>第8章</h2></a>
<p>这是齐2</p> <a name="C9"><h2>第9章</h2></a>
<p>这是齐3</p> <a name="C10"><h2>第10章</h2></a>
<p>这是齐4</p>
</p> <ol>
<!--有序列表-->
<li>列表文字一</li>
<li>列表文字二</li>
<li>列表文字三</li>
</ol> <ul>
<!--无序列表-->
<li>列表文字一</li>
<li>列表文字二</li>
<li>列表文字三</li>
</ul> <h3>定义列表</h3> <!--本行不用写-->
<dl>
<dt>术语题目</dt>
<dd>术语的解释</dd>
<dt>多个题目</dt>
<dd>多个解释</dd>
</dl> <table border="0" cellpadding="0" cellspacing="0"> <!-- 声明表格,border可以不写，默认不显示表格。若写上，baoder的大小定义的是表格的边框 -->
<!-- cellpadding定义单元格内内容与边框的距离，cellspacing定义单元格与单元格之间的距离-->
<tr> <!-- 表示一行 -->
<th>name</th> <!-- th表示表头单元格（相对比普通单元格会加粗） -->
<th>性别</th> <!-- 表示一列 -->
<th>age</th>
</tr> <tr> <!-- 表示一行 -->
<td>小齐</td> <!-- td表示普通单元格 -->
<td >男</td> <!-- 表示一列 -->
<td >24</td>
</tr> <tr> <!-- 表示一行 -->
<td>小郭</td>
<td rowspan="2">女</td> <!-- rowspan设置单元格垂直合并，数值代表合并的单元格数目，相应的删去该列以下每行对应的单元格 -->
<td>33</td>
</tr> <tr> <!-- 表示一行 -->
<td align="right">小xu</td> <!-- align设置单元格中内容的水平对齐方式，设置值：left、center、right -->
<td valign="bottom">43</td> <!-- valign设置单元格中内容的垂直对齐方式，设置值：top、middle、bottom -->
</tr> <tr> <!-- 表示一行 -->
<td colspan="3">小qiu</td> <!-- colspan设置单元格水平合并，数值代表合并的单元格数目，相应的删去其该行以右每列对应的单元格 -->
</tr>
</table> <form> <!--表单：用于提交数据-->
姓名：<input type="text"> <!--单行文本输入框,也可以这样写：<input type="text" name="yourname"> -->
密码：<input type="password"> <!--输入框-->
爱好：
<input type="checkbox">苹果 <!--复选框,也可以这样写： <input type="checkbox" shuiguo="fruit" value="apple"> -->
<input type="checkbox" shuiguo="fruit" value="orange">橘子
<input type="checkbox" checked>香蕉 <!--用checked表示默认的选项-->
性别：
<input name="sex" type="radio" >男 <!--单选框 注：用户checked表示缺省已选的选项，可省略-->
<input name="sex" type="radio">女 <!--没有xinbie="sex"命名这一项不会成为单选框,命名必须相同，因为二选一 -->
<input name="sex" type='radio' checked>正常人 <!-- 注：用户checked表示缺省已选的选项-->
你最爱的水果是：<!--下拉框-->
<select name="fruit">
<option value="apple">苹果</option>
<option value="prange">橘子</option>
<option value="mango">芒果 <!-- </option>可以不写 -->
</select>
请提出宝贵意见：<!--多行输入框（textarea），cols表示宽度，rows表示高度-->
<textarea name="yoursuggest" cols="'50" rows="3"></textarea>
<!--提交：将表单Form里的信息提交给表单里action所指向的文件-->
<input type="submit" title="提交">
</form>
</body>
<!--html内嵌框架，放在body之外-->
<!-- <iframe>标签会创建包含另外一个html文件的内联框架（即行内框架），
src属性来定义另一个html文件的引用地址，frameboder属性定义边框，scrolling属性定义是否有滚动条-->
<iframe src="http://www.taobao.com" frameborder="0" scrolling="yes"></iframe>
<iframe src="http://www.taobao.com" frameborder="0" scrolling="no" name=“myframe”></iframe>
<!--内嵌框架与a标签的配合使用：a标签的target属性可以将链接到的页面直接显示在当前页面的iframe中-->
<a href="http://www.taobao.com" target="myframe">页面一：淘宝</a>
<a href="http://www.jd.com" target="myframe">页面二：京东</a>
<a href="http://www.dangdang.com" target="myframe">页面三：当当</a>
</html>
结果：
HTML_5 (1 2 3的代码总结）的更多相关文章
- 日期格式代码出现两次的错误 ORA-01810
错误的原因是使用了两次MM . 一.Oracle中使用to_date()时格式化日期需要注意格式码 如:select to_date('2005-01-01 11:11:21','yyyy-MM-dd ...
- 可爱的豆子——使用Beans思想让Python代码更易维护
title: 可爱的豆子--使用Beans思想让Python代码更易维护 toc: false comments: true date: 2016-06-19 21:43:33 tags: [Pyth ...
- iOS代码规范（OC和Swift）
下面说下iOS的代码规范问题,如果大家觉得还不错,可以直接用到项目中,有不同意见 可以在下面讨论下. 相信很多人工作中最烦的就是代码不规范,命名不规范,曾经见过一个VC里有3个按钮被命名为button ...
- Jquery的点击事件，三句代码完成全选事件
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- redux-amrc：用更少的代码发起异步 action
很多人说 Redux 代码多,开发效率低.其实 Redux 是可以灵活使用以及拓展的,经过充分定制的 Redux 其实写不了几行代码.今天先介绍一个很好用的 Redux 拓展-- redux-amrc ...
- 编写高质量代码:改善Java程序的151个建议(第5章:数组和集合___建议75~78)
建议75:集合中的元素必须做到compareTo和equals同步 实现了Comparable接口的元素就可以排序,compareTo方法是Comparable接口要求必须实现的,它与equals方法 ...
- 使用 .NET WinForm 开发所见即所得的 IDE 开发环境，实现不写代码直接生成应用程序
直接切入正题,这是我09年到11年左右业余时间编写的项目,最初的想法很简单,做一个能拖拖拽拽就直接生成应用程序的工具,不用写代码,把能想到的业务操作全部封装起来,通过配置的方式把这些业务操作组织起来运 ...
- jsp前端实现分页代码
前端需要订一page类包装,其参数为 private Integer pageSize=10; //每页记录条数=10 private Integer totalCount; //总记录条数 priv ...
- 【开源】简单4步搞定QQ登录，无需什么代码功底【无语言界限】
说17号发超简单的教程就17号,qq核审通过后就封装了这个,现在放出来~~ 这个是我封装的一个开源项目:https://github.com/dunitian/LoTQQLogin ————————— ...
随机推荐
- tcpdump的使用总结
1. 监视所有发送到主机hostname的数据: tcpdump -i eth0 dst host hostname 2. 监视指定主机和端口的数据包(接收或发出的telnet包): tcpdump ...
- AS负责人说不必用Kotlin重写，但OkHttp拿Kotlin重写了一遍，就发了OkHttp 4.0!
虽然 Android Studio 的负责人 Jeffery 已经澄清,只是 Kotlin-First 而不是 Kotlin-Must,并不需要将 App 用 Kotlin 重写一遍.但是 OkHtt ...
- Linux之常用命令简析
ls cd mkdir rmdir touch ln cp rm mv 1.ls 显示当前目录下的文件及文件夹(不显示隐藏的) -l 显示详细信息 --all 显示隐藏的文件及文件夹(就是显 ...
- solidity 学习笔记（7）内联汇编
为什么要有内联汇编? //普通循环和内敛汇编循环比较 pragma solidity ^0.4.25; contract Assembly{ function nativeLoop() public ...
- uva12186 Another Crisis
题目大意: 世界危机发生了,工人们请求加薪.一个老板和n个员工组成树状结构,每个员工都有自己的唯一上司,Boss的编号为0,员工1~n,工人们打算签署一个志愿书给老板,但无法跨级,当一个中级员工(非是 ...
- 2.关键字global,nonlocal
count=0 def func(): print(count) count+=1 func() UnboundLocalError: local variable 'count' reference ...
- NSPhotoLibraryAddUsageDescription解决办法
图片并保存到本地的功能,一点发现闪退了.发现 Xcode 报以下错误: The app's Info.plist must contain an NSPhotoLibraryAddUsageDescr ...
- 搞定vscode编写java
下载vscode: 地址: https://code.visualstudio.com/ 安装插件 我这里下载的是绿色版,所以解压后 向桌面发送一个快捷方式 找到VS Code 的快捷方式位置: 右键 ...
- Educational Codeforces Round 66 (Rated for Div. 2) B. Catch Overflow!
链接:https://codeforces.com/contest/1175/problem/B 题意: You are given a function ff written in some bas ...
- java课后思考题（六）
1.使用Files. walkFileTree()找出指定文件夹下所有扩展名为.txt和.java的文件. import java.io.IOException;import java.nio.fil ...