首页技术文章正文

PHP培训之HTML(一)

更新时间:2017-06-30 来源:黑马程序员PHP培训学院 浏览量:


 html简介

  HyperText Markup Language

    超文本标记语言

        超文本

            能够表达更丰富的内容(相对于普通文本)

            标记:标识符号,就是html中的标签

       语言

           不是编程语言,就是html标签的描述

           浏览器来翻译html代码

   网页扩展名

         .html  .htm

 

HTML文档结构

  HTML框架基本构架

       <html>

          <head>

          <title></title>

          </head>

          <body>

          </body>

     </html>

     解释:

          带<>的都叫标签

          html: 指明当前的文档的类型,是一个网页

          head是网页头部 包括网页的相关信息,基本设置,其中title网站的标题就在里面。

          body:在浏览器的看到的内容。

 

html标签分类

         双标签 <font>HTML</font>,有开始标签和结束标签(标记)

        单标签 <br />

 

标签书写规范

        所有的标签都在< >中

        所有的标签都有开始和结束,即使是单标记也要结束

              <br /> 强制换行

              <img /> 图片标记

       所有的标签和属性及值小写

       标签和属性,属性与属性之间有空格

       属性值必须有加引号(单引号或双引号都可以)

       属性必须有值

       属性可写可不写

       标签与标签之间正确嵌套(标签不可交叉嵌套)

 

标签格式

       <开始标签 属性1=”值1” 属性2=”值2” 属性n=”值n”>控制的内容</开始标签>(双标签格式)

       <开始标签 属性1=”值1” 属性2=”值2” 属性n=”值n” 空格/>(单标签格式)

       <开始标签 空格/>(单标签格式)

 

html注释

      <!--注释内容-->

      注释的内容在html页面中是无法看到的,但是可以在页面源代码中发现

代码实现:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/align][align=left]<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

 </head>

 <body>

  HTML注释

  <!--这段文字是看不见的-->

 </body>

</html>

文本的修饰

    属性:

        Color(颜色):red,blue,green,yellow,gray,pink等

        Size(大小):值(1-7),默认值:3

         字体最大尺寸为7,若比7大,则默认为7。字体默认尺寸为3,当出现对尺寸的加减时,就是对3进行加减




本文版权归黑马程序员PHP培训学院所有,欢迎转载,转载请注明作者出处,谢谢!

作者:黑马程序员PHP培训学院
首发:http://php.itheima.com/

分享到:
在线咨询 我要报名
和我们在线交谈!