Html概要及示例(一)
Html 简介
Html 是一种超文本标记语言，标记往往成对出现，例如 段落标记<p> 层标记 <div> 以及 <marqueen>等等，标记繁多 但未必就要全部掌握，只需要了解常用的一些标记
合理的去使用它们就可以了。 Html 标记点击此处
什么是网页？
网站是由一张张网页构成的，一张网页是由于许许多多的HTML标记来组成的。
一张完整的网页，如下：
<!DOCTYPE html>
<html>
<head>
<!--
head标记之间常常用来引用 一些 脚本文件， 或者样式文件。
下面的utf-8 说明了当前页面 使用的编码规范问 utf-8.
-->
<meta charset="utf-8"/> <title>网页标题部分</title>
</head>
<body>
网页正文部分
</body>
</html>
可以看出，最外层 是HTML 标记包裹起来。
<head></head>标记中间：常常用来书写引用的js文件 或者 css文件 。
该页面在浏览器中执行如图：
那么至此，一张简单的Html 页面，一张网页也就有了。
Html标记的简单使用
学习HTML标记，就好比编程一通百通，掌握了查询 以及如何使用的方法，在以后使用过程中可以熟练运用，更重要的是你不是一个人在战斗，你遇到的问题99%的人可能都已经遇到 并且得到完美解决，查资料无疑是最快的学习方法。
为了证明这一点，那么我们来学习和使用一些标记。
那么我们拿个大家都常常浏览的个人博客来说吧，一篇文章， 具有 “标题”，“内容”，“作者”，“发布时间” 等 基本信息。
怎么样来显示这样的信息，可以看起来公整一些？
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8" />
<title>一条龙活动</title>
</head> <body>
<h1>一条龙</h1>
<h2>一条龙</h2>
<h3>一条龙</h3>
<h4>一条龙</h4>
<h5>这一条龙</h5>
<h6>这一条龙</h6>
<p>
活动类型：日常活动
<br/> 背景介绍：盘古元神即将出世，引发三界动荡，怪事频发。玉帝为了解下界民情，特派龙太子来到人间，搜集世间奇闻异事，上达天听。但龙太子虽神通广大，面对偌大的三界也分身乏术，于是索性现身金陵，张榜悬赏，邀请各路英雄豪杰共同参与，若有人能助他调查这些奇谈轶事，他将给予丰厚的谢礼。
<br/> 参与方式：3人以上组队，在金陵（61,47）处，找到NPC龙太子，领取一条龙任务，即可帮助龙太子调查三界异闻了。
<br/> 奖励次数：每日前10次任务将获得多倍经验奖励，完成第11-20次任务，获得基本经验奖励。若完成次数超过20次，仅获得少量奖励。完成次数超过45次，则无法继续获得当日的奖励
</p>
</body>
</html>
执行结果:
同理 我们可以把上述链接中的标记使用到我们的HMTL 页面中 让页面变得更为的美观一些~~~。
本文仅为抛砖引玉，描述了一些简单的标记，有兴趣的同学可以点击上述HTML 标记查看更多的HTML标记。
下篇文章，将会简述一些常用form 表单元素，以及 超链接元素 <a> ，<img>元素 文件的路径问题。
Html概要及示例(一)的更多相关文章
- Vue.js 很好，但会比 Angular 或 React 更好吗？
文章转自:http://www.oschina.net/translate/vuejs-is-good-but-is-it-better-than-angular-or-rea Vue.js 是一个用 ...
- Spring MVC 学习总结（八）——Spring MVC概要与环境配置（IDEA+Maven+Tomcat7+JDK8、示例与视频）
一.MVC概要 MVC是模型(Model).视图(View).控制器(Controller)的简写,是一种软件设计规范,用一种将业务逻辑.数据.显示分离的方法组织代码,MVC主要作用是降低了视图与业务 ...
- 前端MVC Vue2学习总结（一）——MVC与vue2概要、模板、数据绑定与综合示例
一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.Vue是框架而jQuery则是库. 1.2.AMD与CM ...
- Spring MVC 学习总结（一）——MVC概要与环境配置（IDea与Eclipse示例）
一.MVC概要 MVC是模型(Model).视图(View).控制器(Controller)的简写,是一种软件设计规范,用一种将业务逻辑.数据.显示分离的方法组织代码,MVC主要作用是降低了视图与业务 ...
- .Net 分布式云平台基础服务建设说明概要
1) 背景 建设云平台的基础框架,用于支持各类云服务的业务的构建及发展. 2) 基础服务 根据目前对业务的理解和发展方向,总结抽象出以下几个基础服务,如图所示 3) 概要说明 基础服务的发展会根 ...
- 前端MVC学习总结（一）——MVC概要与angular概要、模板与数据绑定
一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.AngularJS是框架而jQuery则是库. 1.2. ...
- HTML5 学习总结（一）——HTML5概要与新增标签
一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...
- CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位
web前端开发者最最注的内容是三个:HTML.CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能 ...
- HTML5 学习笔记（一）——HTML5概要与新增标签
目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
随机推荐
- AutoCAD安装失败
问题一: Installing .NET Framework Runtime 4.0: D:\安装包\CAD\cad2012(x64)\Map3D2012(x64)\3rdParty\NET\4\wc ...
- Android开发--ListView的应用
1.简介 ListView用于以列表的形式展示数据.它在装载数据时,不能使用ListView类的add()等相关方法添加,而要借助Adapter对象进行添加.另外,由于 系统提供的Adapter往往不 ...
- Linux安装脚本需要交互之如何实现自动安装
Linux中shell脚本运行时经常需要进行交互,比如安装软件的过程中对license声明的确认,需要输入yes,回车之类的确认信息.这个在自动化安装的时候就会是个问题. 通常对于这个问题比较灵活的解 ...
- spark发行版笔记13
本期概览: ReceiverTracker架构设计 消息循环系统 ReceiverTracker具体的实现 Spark Streaming作为Spark Core基础 架构之上的一个应用程序,其中的R ...
- mongo virtual
var options={"upsert":false,"multi":false,'new':false}; 不存是否插入,更新是否批量,返回内容是更新前还是 ...
- Sql server 2008 中varbinary查询
sqlserver2008中遇到一个坑爹的问题,使用以下语句添加的数据 insert into testtable ( username, password, productcode ) select ...
- c——I/O Multiplexing笔记
1. select第一个参数为最大FD(int)+1,因为虽然select参数里有三个set,但分配到的fd值是不会重复的,当select检查fd可用时(可读或可写或异常),会遍历进程fd表,这时遍历 ...
- Qt中常见错误整理(不定期更新)
(1)error: LNK1104: cannot open file 'libboost_thread-vc120-mt-gd-1_57.lib 编译boost库程序时出现问题 解决方法如下: 1. ...
- 当在浏览器输入一个url访问后发生了什么
首先根据DNS获取该url的ip地址,ip地址的获取可能通过本地缓存,路由缓存等得到. 然后在网络层通过路由选择查找一条可达路径,最后利用tcp/ip协议来进行数据的传输. 其中在传输层将信息添加源端 ...
- 使用BCrypt算法加密存储登录密码用法及好处
//导入import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder; /** *使用BCrypt算法加密存储登录密码 ...