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. UVA 110020 Efficient Solutions (STL)

    把一个人看出一个二维的点,优势的点就是就原点为左下角,这个点为右上角的矩形,包含除了右上角以外边界,其他任意地方不存在点. 那么所有有优势的点将会形成一条下凹的曲线. 因为可能有重点,用multise ...

  2. uoj#300.【CTSC2017】吉夫特

    题面:http://uoj.ac/problem/300 一道大水题,然而我并不知道$lucas$定理的推论.. $\binom{n}{m}$为奇数的充要条件是$n&m=n$.那么我们对于每个 ...

  3. css设置禁止文字被选中

    // 禁止文字被鼠标选中 moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-se ...

  4. k8s1.13.0二进制部署-node节点（四）

    Master apiserver启用TLS认证后,Node节点kubelet组件想要加入集群,必须使用CA签发的有效证书才能与apiserver通信,当Node节点很多时,签署证书是一件很繁琐的事情, ...

  5. bash编程之循环控制：

    bash编程之循环控制: for varName in LIST; do 循环体 done   while CONDITION; do 循环体 done   until CONDITION; do 循 ...

  6. VMWare安装苹果Mac OS X

    随着iPhone.iPad.Mac等苹果产品越来越火爆,越来越多的初学者想要了解和尝试苹果平台,包括苹果操作系统Mac OS X.苹果演示软件Keynote.苹果开发工具Xcode等.然而,苹果电脑价 ...

  7. destoon修改手机端分页

    1. global.func.php pages函数和listpages函数 函数开头增加 $DT_TOUCH,$newsamplepages变量 global $DT_URL, $DT, $L,$D ...

  8. 多线程辅助类之CyclicBarrier(四)

    CyclicBarrier是一个线程辅助类,和<多线程辅助类之CountDownLatch(三)>功能类似,都可以实现一组线程的相互等待.要说不通点,那就是CyclicBarrier在释放 ...

  9. Python基础——类

    创建类 class people: '帮助信息:dsafdaf' #所有实例都会共享的 number=100 #构造函数,初始化的方法,当创建一个类的时候,首先会调用它 def __init__(se ...

  10. centos 7 安装WordPress的参考博文

    安装方法: https://www.cnblogs.com/flankershen/p/7476415.html 安装完,测试不成功的解决办法: https://blog.csdn.net/u0104 ...