专栏首页吾爱乐享php学习之初识html

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 条评论
登录 后参与评论

相关文章

  • html内嵌php代码无法解析

    <html><body><h1>d</h1> <?php echo “test”; ?> </body></html>

    吾爱乐享
  • php学习之html案例(九)

    吾爱乐享
  • php学习之类与对象的类的静态方法

    当程序员需要对静态属性进行操作时,就需要定义静态方法处理,静态方法是专门操作静态属性的

    吾爱乐享
  • webpack打包原理入门探究(四)插件探究(下)

    公众号---人生代码
  • react native使用WebView加载本地html部署方案

    十里桃花舞丶
  • 生信人的R语言视频教程-语法篇-第十一章:R中的网络爬虫

    用任何语言做爬虫必须要了解的就是网页语法,网页语言无非就是HTML,XML,JSON等,因为正是通过这些我们才能在网页中提取数据,过多的就不再描述,大家可以自行...

    DoubleHelix
  • (数据科学学习手札108)Python+Dash快速web应用开发——静态部件篇(上)

       这是我的系列教程Python+Dash快速web应用开发的第六期,在上一期的文章中,我们完成了对Dash中回调交互高级特性的探讨,在今后陆续推出的教程内容...

    Feffery
  • requests-html快速入门

    版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/...

    乐百川
  • SpringBoot当中如何整合动态html模板:Thymeleaf

    4.整合动态html模板:Thymeleaf: 光是静态html还不足够,必须html还能显示动态成分,这时我们考虑使用thymeleaf,就能完全达到spr...

    马克java社区
  • HTML中的相对路径与绝对路径

    HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网...

    猿人谷

扫码关注云+社区

领取腾讯云代金券