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. Java 设计模式之中介者模式

    本文继续23种设计模式系列之中介者模式.   定义 用一个中介者对象封装一系列的对象交互,中介者使各对象不需要显示地相互作用,从而使耦合松散,而且可以独立地改变它们之间的交互.   角色 抽象中介者: ...

  2. CodeForces 77C Beavermuncher-0xFF （树形dp）

    不错的树形dp.一个结点能走多次,树形的最大特点是到达后继的路径是唯一的,那个如果一个结点无法往子结点走,那么子结点就不用考虑了. 有的结点不能走完它的子结点,而有的可能走完他的子节点以后还会剩下一些 ...

  3. 怎么在WEBSTORM中设置代码模板 Live Templates

    怎么在WEBSTORM中设置代码模板 Live Templates setting 里面 https://www.cnblogs.com/xinzaimengzai/p/9938464.html

  4. word中在空白处加下划线不显示解决

    终极解决:Ctrl + Shift + Space Alt + 选择,竖向选择.和VS,其他一些编辑器一样

  5. iOS开发遇到的坑之六--使用cocopods管理第三方库时,编译出现Library not found for -lPods问题的解决办法

    在项目中有时候会遇到Library not found for -lPods(这里的IPods指的是你具体的第三方库)的问题 出现这个错误的原因是:xcode在编译的时候找不到这个库,从而导致项目无法 ...

  6. sql where in字符串问题

    在pycharm中执行 select * from value in(1,2); 会提醒: No statement found under the caret. Execute all statem ...

  7. CentOS7系统引导顺序以及排障

    引导顺序 UEFi或BIOS初始化,运行POST开机自检 选择启动设备 引导装载程序, centos7是grub2 加载装载程序的配置文件:/etc/grub.d/  /etc/default/gru ...

  8. 基于idea创建Tomcat远程调试

    编辑完catalina文件后重启tomcat

  9. Scrapy+Chromium+代理+selenium

    上周说到scrapy的基本入门.这周来写写其中遇到的代理和js渲染的坑. js渲染 js是爬虫中毕竟麻烦处理的一块.通常的解决办法是通过抓包,然后查看request信息,接着捕获ajax返回的消息.但 ...

  10. css3属性：美化表单、点击元素产生的背景与边框怎么去掉，滚动回弹效果