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代码告诉你(完整实例版)的更多相关文章

  1. 一个只有99行代码的JS流程框架(二)

    欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 张镇圳,腾讯Web前端高级工程师,对内部系统前端建设有多年经验,喜欢钻研捣鼓各种前端组件和框架. 导语 前面写 ...

  2. AVL平衡二叉树实现,图解分析,C++描述,完整可执行代码

    body, table{font-family: 微软雅黑; font-size: 13.5pt} table{border-collapse: collapse; border: solid gra ...

  3. (转)如何基于FFMPEG和SDL写一个少于1000行代码的视频播放器

    原文地址:http://www.dranger.com/ffmpeg/ FFMPEG是一个很好的库,可以用来创建视频应用或者生成特定的工具.FFMPEG几乎为你把所有的繁重工作都做了,比如解码.编码. ...

  4. 给 VS 2010 选一个好用的代码行数统计器(转)

    给 VS 2010 选一个好用的代码行数统计器 分类: Tricks2011-02-25 05:40 3891人阅读 评论(0) 收藏 举报 2010c 推荐一个VS插件,支持2005/2008/20 ...

  5. 一个 11 行 Python 代码实现的神经网络

    一个 11 行 Python 代码实现的神经网络 2015/12/02 · 实践项目 · 15 评论· 神经网络 分享到:18 本文由 伯乐在线 - 耶鲁怕冷 翻译,Namco 校稿.未经许可,禁止转 ...

  6. 做了一个简易的git 代码自动部署脚本

    做了一个简易的git 代码自动部署脚本 http://my.oschina.net/caomenglong/blog/472665 发表于2个月前(2015-06-30 21:08)   阅读(200 ...

  7. 想做一个整合开源安全代码扫描工具的代码安全分析平台 - Android方向调研

    想做一个整合开源安全代码扫描工具的代码安全分析平台 - Android方向调研 http://blog.csdn.net/testing_is_believing/article/details/22 ...

  8. 点击文字弹出一个DIV层窗口代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

  9. php 一个过虑xxs的代码

    一个过虑xxs的代码 public static function removeXSS($str) { $str = str_replace('<!-- -->', '', $str); ...

随机推荐

  1. [dev][python] 从python2进阶到python3你都需要了解什么

    基于python2快速掌握python3 0. 前言 这是一篇road map. 如果你会python2,读完这篇文章之后,你将掌握python3 1. 为什么会出现python3 Why Pytho ...

  2. C#即时释放内存

    using System;using System.Diagnostics;using System.Runtime.InteropServices; [DllImport("kernel3 ...

  3. Django中的form组件

    Django中的form组件有两大作用 1.验证获取正确的结果或者错误信息 2.生成html代码 一.为什么需要form组件呢? 在写form表单,提交数据时,自己写验证的代码是一件非常困难的事情. ...

  4. SVN百度云服务器安装使用。

    安装SVN客户端 此时,必须重启,否则经常出现用不了. 重启后,还是用不了的话,那么就重新安装系统. 网站地址: http://xiaomosheng.bceapp.com/ SVN代码服务器的地址: ...

  5. atmega16功耗实测

    晶振32.768K 电压           电流 1.82          10ua 2.00          15ua 2.5             28ua 3.3            ...

  6. nodejs启动web项目

    1.在根目录路径下输入 npm install ,会自动下载所需的包 2.安装完成对应的包以后,npm start,会自动打开浏览器

  7. 《图解HTTP》读书笔记(五:HTTP报文结构)

    用于 HTTP 协议交互的信息被称为 HTTP 报文. 请求端(客户端) 的HTTP 报文叫做请求报文, 响应端(服务器端) 的叫做响应报文.HTTP 报文本身是由多行(用 CR+LF 作换行符) 数 ...

  8. spring-boot logback配置

    接着上篇的代码,日志在不同环境下的配置也不一样,所以要分开配置,主要使用maven的profile 1.1 在pom.xml中添加 <profiles> <profile> & ...

  9. oracle 主键,非空,检查,唯一,默认,外键约束

    --首先添加主键约束alter table studentadd constraint PK_student_sno primary key(sno) --删除约束alter table studen ...

  10. win10配置java环境变量,解决javac不是内部或外部命令等问题

    win10配置java环境变量,解决javac不是内部或外部命令等问题 https://www.cnblogs.com/qianji/p/6402690.html