php学习之初识html

1.什么是html

  • html 是用来描述网页的一种语言
  • html 指的是超文本标记语言:HyperText Markup Language
  • 超文本 就是网页上不仅仅有文本,还有图片、音乐、视频等
  • 标记语言是一套标记标签(markup tag) 如:div、span、font等标记
  • html 使用标记标签来描述网页
  • html 文档包含了html标签和文本内容
  • html 文档也叫做 web 页面,是以.html结尾的文件
  • html 的主要目的:通过一系列的标记来显示网页不同的效果、不同的部分

2.html发展历史

1993年标签语言第一版>>>>>1995年html2.0>>>>>1996年3.2 w3c推荐标准>>>>>1999年 html4.0.1 w3c推荐标准>>>>2000年xhtml1.0版  w3c推荐标准>>>>>2001年 xhtml1.1 w3c推荐标准(现在在使用的)>>>>>2008 html5 草案发布>>>>> 2014.10 html5正式发布(主要在web端使用,没有完全普遍)

3.html 的核心标记

  • html 的文档结构
<html>       //告诉浏览器后面的代码是html代码
   <head>    //告诉浏览器当前网页如何显示,如编码、关键词、标题
   </head>     
   <body>    //告诉浏览器这里是主体部分,显示到网页中
   </body>
</html>      //html结束标记
  • html结构详情
<!DOCTYPE html>:声明文档类型,告诉浏览器我的当前页面是哪个版本的html
<html></html>:告诉浏览器,使用的是html的语言
<head></head>:告诉浏览器,这是网页的头部,包括了定义网页的一些内容的标签,如:标题、字符集等
<meta>:就是定义网页字符集、描述、关键词等内容。
如:
<meta charset="utf8" > //字符集:功能是告诉浏览器,如何翻译汉字
<meat name="keywords" content="html,css,jacascript" > //关键词
    http-equiv:模拟http协议大文件头原信息,主要目的是服务器向客户端返回时,用什么格式显示
    content-type:内容类型
    content:详细内容类型介绍
    text/html:网页是text格式,html是文本中的小格式
    charset:字符集,主要控制汉子如何显示
    utf-8:多国家语言编码,什么国家的语言都可以正常显示
<title></title>:当前网页的标题,在网页中是必须的
    定义浏览器工具栏中的标题
    提供页面被添加到收藏夹时的标题
    显示在搜索引擎结果中的页面标题
<body></body>:网页的主体部分,网页中主要内容都要写在body中

例:

<!DOCTYPE html>
<html>
    <head>
       <meta charset="utf8" >
       <title>标题</title>
    </head>
    <body>
       这里是主体部分
    </body>
</html>
  • html 的注释

格式:<!–被注释的内容–>

注释规范:

一般注释写在被注释代码的上边或者右边,不能写在下边

         写代码必须缩进

  • 代码的规范
  1. html 标记不区分大小写,建议小写。如<font>
  2. html 标记属性可有可无。有的标记是没有属性的,如:<html>、<head>、<title>等
  3. 双标签的内容在开始和结束标签之间,单标签没有内容。
  4. html标签可以相互嵌套,但是一定要注意是顺序嵌套,外层套内层,一层套一层。
  • html 标记分类

单标记:标记只有一个,不是修饰内容的而是显示某个功能的,如果图片,设置编码,设置关键词等

语法:<标记名称 属性=”值1″ 属性=”值2″ />:接收的/可以有可以没有,必须根据开发网站时要求来

例:<img src=”图片在服务器中的地址,盘符/文件夹/文件名” />

<img src=”d:/images/1.png” />

双标记:是修饰内容的标记,有开始有结束标记,中间写要修饰的内容

语法:<标记名称 属性=”值” >被修饰的内容</标记名称>

例:<div>内容</div>   <font color=”red”>文本</font>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏无原型不设计

在Mockplus中使用收藏功能,提高工作效率

在Mockplus中,对于你经常要使用的组件、页面或者图片素材,你可以把它们收藏起来,以便下次重复使用,提高工作效率。 现在我们来看看如果收藏一个页面: ...

3615
来自专栏Bug生活2048

微信小程序版博客——列表页相关问题汇总

首先是分页加载列表,从网上例子和文档来看有两种实现方式,一种是根据Page()上的 onReachBottom属性:页面上拉触底事件的处理函数,另一种就是通过s...

1212
来自专栏转载gongluck的CSDN博客

OCX 入门

OCX入门:http://blog.csdn.net/hkcsdn/article/details/52908748 前言 ActiveX是Microsof...

4446
来自专栏前端人人

React第三方组件4(状态管理之Reflux的使用④TodoList下)

本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件4(状态管理之Reflux的使用①...

3468
来自专栏快乐八哥

使用jQuery封装实用函数

一、引言 项目开发中,前端会有一个辅助工具类的js文件,比如cookie的操作,团队成员自己封装的方法。大多数时候,我们开发人员自己都是写一个全局函数,不考虑后...

2415
来自专栏GreenLeaves

iframe 解析

简介:iframe在日常的开发中经常用到,本随笔在参考http://blog.csdn.net/cuew1987/article/details/1126515...

26310
来自专栏LeoXu的博客

[翻译]VelocityLayoutServlet (VLS) 综观

这一个基本的VelocityViewServlet的一个扩展。它为基于Velocity Tools 的工程项目提供了一个简单的布局控制和定制的错误显示屏幕。Ve...

701
来自专栏守望轩

Visual Studio 2008 每日提示(二)

#011、 全屏模式 原文地址:http://blogs.msdn.com/saraford/archive/2007/08/09/did-you-know-...

2998
来自专栏练小习的专栏

浏览器工作原理分析与首屏加载

前言 谈到浏览器原理的分析,在网上影响最大的一篇文章莫过于以色列开发人员塔利·加希尔的研究成果。文中详细的描述了Webkit和Gecko两个浏览器引擎的工作原理...

43610
来自专栏Java帮帮-微信公众号-技术文章全总结

01.HTML教程/简介/基础

01.HTML教程/简介/基础 HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML...

5988

扫码关注云+社区

领取腾讯云代金券