IT新手入门,零基础学IT,转行做IT,IT行业的职位选择,你我一同探讨!

IT新手入门网给你介绍IT行业的职位有哪些,让你转行做IT不发愁,IT入门有捷径

当前位置: 主页 > 技能提升 > PHP开发 > 学习html之html语言基础(第六天)

学习html之html语言基础(第六天)

时间:2017-01-18 08:29来源:原创 作者:恪己 点击:
一.HTML5 1. 什么是HTML [HyperText Markup Language]超文本标记语言 2.发展历史 HTML1.0 HTML4.0 XHTML1.0 HTML5 3.HTML5文档结构 !DOCTYPE html html head title我的第一个html页面/title meta charset=utf-8/ /head body 正文
一.HTML5
 1.什么是HTML
   [HyperText Markup Language]超文本标记语言
 2.发展历史
   HTML1.0
   HTML4.0
   XHTML1.0
   HTML5
 3.HTML5文档结构
    <!DOCTYPE html>
<html>
   <head>
      <title>我的第一个html页面</title>
      <meta charset="utf-8"/>
   </head>
   <body>
            正文
   </body>
</html>
   说明:
   a.html5 文档类型定义 <!DOCTYPE html>
     W3C 组织规定语言标准
   b.根元素:<html></html>
   c.子元素:
         <head>...</head>:描述网页信息
         <body>...</body>:网页正文
   d.网页字符集(中文编码)
       utf-8 : 国际中文编码
       gb2312(中文简体),gbk(简体,繁体): 国内中文编码
   e. 网页扩展名(后缀) : .html  .htm
 4. 标记(Tag)又叫元素(Element)
   (1) 分类:
      a. 按是否有内容或子元素分
            单标记  <标记名称/>
            双标记  <标记名称>...</标记名称>
      b. 按是否自动换行
            块元素:自动折行,宽度是父级的100%
            行元素:不会自动折行,宽度是文本宽度
    说明:
        标记小写
        标记嵌套正确嵌套
 5.属性:标记特征描述(修饰标记)
     说明:
    a.属性名称和属性值用等号分隔
    b.属性值必须用引号括起来(推荐双引号)
    c.标记和属性,属性和属性用空格隔开
    d.属性不是必须有的,属性没有顺序
 6. 文本标记(行元素)
   (1) 加粗标记
      <b>...</b>
      <strong>...</strong>
   (2) 倾斜
      <i>...</i>
      <em>...</em>
   (3)下划线
      <u>...</u>
   (4)没有实际意义的行元素
      <span>...</span>
 7. 块元素
   (1) 标题字
     <h1~6 align="水平对齐:left默认值|center居中|right居右">
     ...
     </h1~6>
   (2)段落
     <p align="水平对齐:left默认值|center居中|right居右">...</p>
   (3)分隔线
     <hr/>
   (4)强制换行
     <br/>
   (5) 没实际意义的块元素
     <div>...</div>
  8.HTML注释
    <--注释内容-->
        快捷键:shift +ctrl +'/'
 
  9. HTML实体 (Entites)
   (1)原理:W3C规定在浏览器中看到特殊符号用
      HTML实体实现
     >  ==== >
     <  ==== <
     "  ==== "
     '  ==== '
     &  ==== &

     

------分隔线----------------------------
栏目列表
推荐内容