html是什么？一个完整的html代码告诉你（完整实例版）
html什么意思？这篇文章主要为大家仔细的解释了HTML文档的一个基础的完整代码，还有具体的实例解释，让大家能一下就看懂HTML的基础结构和用法。下面我们一起来看看吧
一。html是什么？点击查看html中文网
HTML从语言上面来讲的话是一个超文本标记性语言，用于显示网页的一种语言，是专门写给浏览器看的。里面可以包含很多东西，比如可以在里面显示一张图片，显示一个链接，还有音乐，或者小应用之类的不是文字的元素。HTML语言里包括网页的头部（head标签里面的）和网页的主体部分（body标签里面的为主体部分）。主体的内容全部会显示在浏览器的页面上。头部的内容主要是辅助浏览器显示主体部分的内容，两个都很重要。（相关教程推荐：HTML开发手册）
二。下面给大家显示一个HTML的基础的完整代码
<!doctype html>（给浏览器看的，向浏览器说明是html文档）
<html>（html文档的开头，还有最后一行是HTML文档的结尾）
<head>（头部的开始，里面有时候要放不少东西，辅助主体文档的正常显示的）
<meta charset="utf-8">（这行是头部里面的meta标签的第一行内容，是告诉浏览器这文档是属于utf-8字符编码格式的还有不少比较常见的，这里就不多介绍了）
<title>PHP中文网</title>（title标签，是属于头部里面的定义标题的标签，会显示在浏览器的页面上方的标签页上面的）
</head>（头部结束）
<body>（主体开始，主要把文档的所有内容都放到网页中）
hello world开始时随便加的一句问候）
</body>（主体结束）
</html>（文档结束）
上面就是一个文档的所有代码，运行之后就是这样：
tuyi.png
上面的标签页上的就是标题显示的内容，在body主体中的都显示在网页中。
这样就把一个完整的html代码解释完了（相关视频课程推荐：从零开始构建HTML页面），不过，还要继续巩固一下。我们把上述的常用代码都解释一遍：
三。 以上涉及到的代码和标签解释
<html></html>是文档的开头和结尾都要写的一个重要标签
<head></head>头部标签，也是一个双标签，必须要有结尾，辅助显示页面主体的
<title></title>是标题的标签，上图的那个PHP中文网的那个就是在这里写的
<body></body>主体标签，里面内容是最多的，包含了很多的标签，以后再一一给大家介绍
四。html代码的几个新标签
上述是基本的网页上的标签，给大家看一个，加点东西的代码，认识几个新标签：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1>hello world</h1>
<h2>这是主体中的标题标签</h2>
<h3>比正常显示的文字要大<h3>
<p>正常文字</p>
<p>这是写段落的，可以写很多字的……很多字……很多字……很多字的</p>
<p>这也是写段落的，可以写很多字的……很多字的</br>这是换行显示……很多字……很多字的</p>
</body>
</html>
上面的代码看懂了吗？给你们看看运行之后的效果：
tuer.png这样一对比就应该很清楚了，主体中的标题标签都是放大显示的。用<h1></h1>或<h2></h2>来表示的，比正常的文字要大一点，这也是一个常用的标签。还有一个<p></p>标签，是用来表示段落的，当然段落里面是可以换行的，比如我在里面加的一个</br>（在html里面是单标签）的标签，然后在网页正文中就分开了。
好了，这就是关于HTML文档的正常显示文本，关于完整的代码都在这里，你们自己看看吧，有啥事就在下方提问。
html是什么？一个完整的html代码告诉你（完整实例版）的更多相关文章
- 一个只有99行代码的JS流程框架（二）
欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架. 导语 前面写 ...
- AVL平衡二叉树实现，图解分析，C++描述，完整可执行代码
body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...
- (转)如何基于FFMPEG和SDL写一个少于1000行代码的视频播放器
原文地址:http://www.dranger.com/ffmpeg/ FFMPEG是一个很好的库,可以用来创建视频应用或者生成特定的工具.FFMPEG几乎为你把所有的繁重工作都做了,比如解码.编码. ...
- 给 VS 2010 选一个好用的代码行数统计器(转）
给 VS 2010 选一个好用的代码行数统计器 分类: Tricks2011-02-25 05:40 3891人阅读 评论(0) 收藏 举报 2010c 推荐一个VS插件,支持2005/2008/20 ...
- 一个 11 行 Python 代码实现的神经网络
一个 11 行 Python 代码实现的神经网络 2015/12/02 · 实践项目 · 15 评论· 神经网络 分享到:18 本文由 伯乐在线 - 耶鲁怕冷 翻译,Namco 校稿.未经许可,禁止转 ...
- 做了一个简易的git 代码自动部署脚本
做了一个简易的git 代码自动部署脚本 http://my.oschina.net/caomenglong/blog/472665 发表于2个月前(2015-06-30 21:08) 阅读(200 ...
- 想做一个整合开源安全代码扫描工具的代码安全分析平台 - Android方向调研
想做一个整合开源安全代码扫描工具的代码安全分析平台 - Android方向调研 http://blog.csdn.net/testing_is_believing/article/details/22 ...
- 点击文字弹出一个DIV层窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
- php 一个过虑xxs的代码
一个过虑xxs的代码 public static function removeXSS($str) { $str = str_replace('<!-- -->', '', $str); ...
随机推荐
- Web开发（调试方法 F12）
参考: 参考:MDN 调试HTML 参考:什么是浏览器开发者工具? 参考:检查和编辑页面与样式 工具参考:标记验证服务 工具参考:直接输入验证(直接输入HTML源码进行在线检查) 目录: 1.相关快捷 ...
- flask基础二
内容有:1.配置文件处理,2.路由系统,3.视图,4.请求,5.响应,6.模板渲染,7.session,8.flash,9.中间件,10特殊装饰器 一:一个简单知识点 通过路径构成的字符串1.动态导入 ...
- 附录A application.properties配置项
摘自官网,仅作为参考用 Part X. Appendices # =================================================================== ...
- Python002-操作MSSQL（Microsoft sql server）基础示例（二）
前文http://www.cnblogs.com/fengpingfan/p/7675291.html,讲述了python操作mssql的步骤.环境创建.常用方法等,本文将实例演示python操作ms ...
- vue-cli 创建项目失败
vue-cli 创建一个vue项目报错 npm code 404. 尝试解决方法都有,我是第3种方法生效 更新npm 重新安装nodejs vue-cli@3.0.1 在创建项目的时候,不能开启其他v ...
- 初识springboot
一.springboot简介: 1.简化spring应用开发框架 2.把spring所有技术整合在了一起 3.J2EE开发的一站式解决方案 我曾经学习springMVC时候,那许许多多的配置文件的配置 ...
- C++实验二——函数重载、函数模板、简单类的定义和实现
一.实验过程 函数重载编程练习 实验要求:编写重载函数add(),实现对int型,double型,complex型数据的加法.在main函数中定义不同类型的数据,调用测试. 代码实现: 先是简单的体验 ...
- java 写一个JSON解析的工具类
上面是一个标准的json的响应内容截图,第一个红圈”per_page”是一个json对象,我们可以根据”per_page”来找到对应值是3,而第二个红圈“data”是一个JSON数组,而不是对象,不能 ...
- SpringBoot整合Apache Shiro权限验证框架
比较常见的权限框架有两种,一种是Spring Security,另一种是Apache Shiro,两种框架各有优劣,个人感觉Shiro更容易使用,更加灵活,也更符合RABC规则,而且是java官方更推 ...
- android 开发设计模式---单例模式
要保证单例,需要做以下几步 必须防止外部可以调用构造函数进行实例化,因此构造函数必须私有化. 必须定义一个静态函数获得该单例 单例使用volatile修饰 使用synchronized 进行同步处理, ...