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. python实现单链表翻转

    题目描述: 翻转一个链表 您在真实的面试中是否遇到过这个题? Yes 样例 给出一个链表1->2->3->null,这个翻转后的链表为3->2->1->null 挑 ...

  2. IntelliJ IDEA Debug模式的启动

    在服务器启动参数中加入: -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=5005 在程序中设置断点. 运行程序,将停留在断点处. ＝ ...

  3. GitHub和码云的简单使用

    年轻,又经历了初高大学的英语的纠缠,导致连最简单的语句都看不懂,我在慢慢寻找语言的快乐 GitHub 的简单使用 : https://www.cnblogs.com/zhcncn/p/3731707. ...

  4. RestSharp使用备忘

    (1)一般调用: public static List<T> Execute<T>(string resourceUrl, object obj, out int totalN ...

  5. kvm笔记

    1 virt-manager安装虚拟机无法使用键盘解决 今天远程用VNC登录服务器安装虚拟机,结果使用virt-manager安装虚拟机后在初始阶段无法使用键盘设置,这不雪崩了,后来来回试,找到了原因 ...

  6. SSL免费证书申请以及nginx配置https流程记录

    设置https需要ssl 证书,可以通过FreeSSL[https://freessl.org/]申请. 流程记录: 输入域名,如 http://www.youdias.xin 选择品牌,如Let's ...

  7. 让Web站点崩溃最常见的七大原因

    转载自: https://blog.csdn.net/u012981511/article/details/53503242 1. 磁盘已满 导致系统无法正常运行的最可能的原因是磁盘已满.一个好的网络 ...

  8. 【windows】共享文件夹设置

    控制面板\网络和 Internet\网络和共享中心\高级共享设置 在当前的域\公用\家庭网络 下文件和打印机共享开关打开 现在可以在 计算机-网络 里面看到共享的计算机啦 选中自己想要分享的文件,右键 ...

  9. 采用Atlas+Keepalived实现MySQL读写分离、读负载均衡

    ========================================================================================== 一.基础介绍 == ...

  10. Solr 中的 docValues=true

    前言:  在Lucene4.x之后,出现一个重大的特性,就是索引支持DocValues,这对于广大的solr和elasticsearch用户,无疑来说是一个福音,这玩意的出现通过牺牲一定的磁盘空间带来 ...