1、第一次使用HTML

<title>第一次使用HTML</title>
</head>
<body>
hello，HTML
2、文本处理

<title>文本处理</title>
</head>
<body>
<!-- 标题 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<!-- 段落 -->
<p> Hello,HTML</p>
<!-- 有序列表 -->
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
</ol>
<!-- 无序列表 -->
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<!-- 列表嵌套 -->
<!-- 有序嵌套无序 -->
<ol>
<li>WEB概述</li>
<ul>
<li>WEB三元素：浏览器、服务器、APP</li>
<li>常用浏览器</li>
<li>HTML工作原理</li>
</ul>
</ol>
3、分区元素

<title>分区元素</title>
</head>
<body>
<h1>工具栏</h1>
<div>
<h1>块元素</h1>
</div>
<div style="color: red;">
<p>第一段内容</p>
<p>第二段内容</p>
<p>第三段内容</p>
</div>
<div>
<p>版权标识</p>
</div>
4、行内元素

<title>行内元素</title>
</head>
<body>
<!-- span -->
<p>
经开第五大街28号<span style="color: red;">通信产业园</span>B座5层
</p>
<!-- i/em -->
<p>
<i>南三环</i>十五大街26号<em>智游集团</em>A座2、3层
</p>
<!-- b/strong -->
<p>
<b>南三环</b>十五大街26号<strong>智游集团</strong>A座2、3层
</p>
<!-- del/u -->
<p>
<del>南三环</del>十五大街26号<u>智游集团</u>A座2、3层
</p>
<!-- 空格折叠 -->
<p>河南省&nbsp;&nbsp; 南三环15大街26号&nbsp;&nbsp;
智游集团A座2、3层
</p>
<!-- 换行br -->
<p>
河南省 南三环15大街26<br> 智游集团A座2、3层</br>
</p>
<!-- 实体替换 &lt大于号 &gt小于号-->
<p>
河南省&nbsp;&nbsp;南三环15大街26号&lt;智游集团&gt;A座2、3层

</p>
5、图像和超链接

<title>图像和超链接</title>
</head>
<body>
<!-- 连接到锚点 -->
<a href="#button">去向底部</a>
<!-- 图片 -->
<p>
<img alt="图片挂了" src="E:\本分\3.jpg" width="500">
</p>
<!-- 超链接 target="_blank"另起一页 self自身-->
<p><a href="http://www.micheng178.com" target="_blank">百度一下</a></p>
<p><a href="http://www.longboshyl.cn" target="_self">百度一下</a></p>
<!-- 虚拟一些数据，为了页面出现滚动条 -->
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<!-- 定义锚点 -->
<p>
<a name="button">底部</a>
</p>
<!-- 文档顶部默认为锚点 -->
<p><a href="#">回到顶部</a></p>
6、表格

<title>表格</title>
</head>
<body>
<!-- 表格 -->
<table border="1" >
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
<br>
<!-- 跨行 -->
<table border="1" width="20%">
<tr>
<td rowspan="2">aaa</td>
<td>bbb</td>
</tr>
<tr>
<td>ddd</td>
</tr>

</table>
<br>
<br>

<!--跨列 -->
<table border="1" width="20%">
<tr>
<td colspan="2">aaa</td>
</tr>
<tr>
<td>ccc</td>
<td>ddd</td>
</tr>
</table>
<!-- 行分组 -->
<table border="1" width="30px">
<thead>
<tr>
<th>编号</th><www.dfgjpt.com/>名称</th><th>金额</th>
</tr>
</thead>
<tbody style="color: red;">
<tr>
<td>001</td><td>鼠标</td><td>50</td>
</tr>
<tr>
<td>002</td><td>键盘</td><td>100</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">合计</td><td>150</td>
</tr>
</table>
7、表单

<title>表单</title>
</head>
<body>
<!-- 文本框、密码框、单选框、复选框、按钮、文件选择框、
隐藏框、其他元素：标签、文本域、下拉选 -->
<form >
<h1>表单</h1>
<!-- 文本框、密码框 -->
<p>
<label for="user_name">账号：</label>
<input type="text" id="user_name"/>
</p>
<p>
<label for="password">密码：</label>
<input type="password" id="password"/>
</p>
<!-- 单选框 -->
<p>
<label for="male">男</label>
<input type="radio" name="sex" id="male"/>
<label for="female">www.tianzunyule178.com</label>
<input type="radio" name="sex" id="female"/>
</p>
<!-- 复选框 -->
<p>
爱好：
<label for="basketball">篮球</label>
<input type="checkbox" name="favorites" id="basketball">
<label for="football">足球</label>
<input type="checkbox" name="favorites" id="football">
<label for="pingpang">乒乓球</label>
<input type="checkbox" name="favorites" id="pingpang">
</p>
<!-- 按钮 -->
<p>
<input type="submit" value="提交">
<input type="reset" www.thd540.com  value="重置">
<input type="button" value="取消">
</p>
<!-- 隐藏域、文件选择框 -->
<p>
<input type="hidden" value="9">
<label type="file" >上传：</label>
<input type="file" id="file">
</p>
<!-- 文本域 -->
<p>
<label for="address">地址</label>
<textarea rows="5" cols="30" id="address">
cxfygvlhbjnkm;l'
.'xdfycuvbuonipomp[l[f ;ml;fhg]]
cxfrygvuhbjnm,.
]
cfvbuonipmo[p,[]]

</textarea>
</p>
<!-- 下拉选 -->
<label for="course">课程</label>
<select>
<option value="1">Java</option>
<option value="2">PHP</option>
<option value="3">Python</option>
</select>
</form
---------------------
作者：小飞猪小肥猪
来源：CSDN
原文：https://blog.csdn.net/abcdefghwelcome/article/details/83002658?utm_source=copy
版权声明：本文为博主原创文章，转载请附上博文链接！

第一次使用HTML的更多相关文章

  1. 我的“第一次”，就这样没了：DDD（领域驱动设计）理论结合实践

    写在前面 插一句:本人超爱落网-<平凡的世界>这一期,分享给大家. 阅读目录: 关于DDD 前期分析 框架搭建 代码实现 开源-发布 后记 第一次听你,清风吹送,田野短笛:第一次看你,半弯 ...

  2. IIS初始化（预加载），解决第一次访问慢，程序池被回收问题

    你以为你可以慢,那是不可能的!你以为你可以不动,那也是不可能的! 河南是守株待兔故事情节的发源地,讲的是懒惰的农夫坐在树桩旁等待可爱的小毛兔撞树的故事,那么这种事情怎么可能天天出现呢!你以为的事并一定 ...

  3. 简历生成平台项目开发-STEP3第一次项目例会探讨

    时间:2016.7.13周三7点半 地点:图书馆 讨论主题:项目需求和功能分析.第一次任务分配 内容:按照之前的讨论,我们认为简历生成功能,不仅要适应学生求职的需求,更多的是要在格式和内容上满足HR的 ...

  4. android应用程序第一次启动时显示引导界面

    市面上好多优秀的应用(举例新浪微博.UC浏览器)都采用了欢迎页面与使用向导的方式给用户带来了良好的用户体验. 一般来说用户第一次安装应用或者安装了新版本后第一次进入应用都会显示成 欢迎页面-使用向导- ...

  5. 《Entity Framework 6 Recipes》中文翻译系列 (40) ------ 第七章 使用对象服务之从跟踪器中获取实体与从命令行生成模型（想解决EF第一次查询慢的，请阅读）

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 7-5  从跟踪器中获取实体 问题 你想创建一个扩展方法,从跟踪器中获取实体,用于数 ...

  6. Android笔记——判断程序是否第一次启动

    public class Welcome extends Activity { private final long SPLASH_LENGTH = 2000; Handler handler = n ...

  7. Coding道场：第一次

    10/23日,我在部门内部进行了一次内部学习,使用目前流行的Coding Dojo(道场)方式,进行了TDD开发的演练.演练的题目如下:     有关Coding道场的介绍,请自行百度一下,我就不再多 ...

  8. 第一次写博客Poj1044

    Date bugs Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 3005   Accepted: 889 Descript ...

  9. C 语言学习 第一次作业总结

    第一次的作业是冯老师布置的练习题,需要在pta平台上完成.我这边看不到结果,但是透过冯老师给出的截图,同学们都还是认真的去做的.同时,我这边也布置了一个持续 3 周的作业:熟悉 git 的使用.因为后 ...

  10. Alpha阶段第一次Scrum Meeting

    Scrum Meeting   Alpha 情况简述 Alpha阶段第一次Scrum Meeting 敏捷开发起始时间 2016/10/18 00:00 敏捷开发终止时间 2016/10/20 00: ...

随机推荐

  1. Update主循环的实现原理

    从写一段程序,到写一个app,写一个游戏,到底其中有什么不同呢?一段程序的执行时间很短,一个应用的执行时间很长,仅此而已.游戏中存在一个帧的概念. 这个概念大家都知道,类比的话,它就是电影胶卷的格.一 ...

  2. 11gR2 新特性： Rebootless Restart

    众所周知,当集群出现问题时,例如某个节点丢失网络心跳,或者不能够访问表决盘,或者节点出现了严重的性能问题等,CRS会选择将某个节点的OS 重启,以便保证集群的一致性.当然,大部分的重启都是由CRS的核 ...

  3. python_89_configparser模块

    用于生成和修改常见配置文档,当前模块的名称在 python 3.x 版本中变更为 configparser.在python2.x版本中为ConfigPsresr 来看一个好多软件的常见文档格式如下 [ ...

  4. centos7-vsftpd文件服务器

    FTP简介: 文件传输协议(File Transfer Protocol,FTP),基于该协议FTP客户端与服务端可以实现共享文件.上传文件.下载文件. FTP 基于TCP协议生成一个虚拟的连接,主要 ...

  5. 课外作业1：将一个double类型的小数，按照四舍五入保留两位小数

    package come.one01; public class One02 { public static void main(String[] args) { double numa = 3.14 ...

  6. vs2015驱动开发中使用RtlStringCchPrintfW()报错

    法一: 在头顶添加一段代码 #pragam comment(lib,"xxxxxx.lib") 法二: 右击工程点属性,选择Linker下的Input,在依赖项后面写上$(DDK_ ...

  7. Ubuntu 下安装WPS

    1.先到wps官网上下载wps的deb包. http://www.wps.cn/product/ 2.我使用的64位的,所以得安装32位兼容包 sudo apt-get install ia32-li ...

  8. Dapper学习总结

    看了<Dapper从入门到精通>后的总结 (1)Dapper 是直接扩展 IDBConnection,而且是单独一个文件,可以直接嵌入到项目中使用. (2)通过手写sql语句,调用exec ...

  9. 从屏幕截取一块区域，将其赋给imageView

    UIGraphicsBeginImageContext(self.bounds.size); [self.layerrenderInContext:UIGraphicsGetCurrentContex ...

  10. mysqlfailover高可用与proxysql读写分离配置

    proxysql官方推荐两种高可用方案: 1.MHA+proxysql 2.mysqlrpladmin+proxysql MySQLfailover工具包含在mysqlrpladmin工具中,所以两者 ...