• 移动开发移动端
  • 学习Android基础
  • 学习Android进阶
  • 学习Android组件
  • 学习Android实战
  • 学习Swift
  • 学习ios
  • 学习Android UI
  • 数据库开发数据库
  • 学习Mysql
  • 学习Redis
  • 学习Memcache
  • 学习云计算
  • 产品经理,网站运营产品运营
  • 学习产品经理
  • 学习互联网思维
  • 学习产品分析
  • 学习产品原型
  • 学习产品设计
  • 学习网络运营
  • 学习新媒体运营
  • 学习网络推广
  • 网站设计,UI设计设计教程
  • 学习设计基础
  • 学习设计工具
  • 学习UI设计
  • 学习平面构成
  • 学习AE
  • 学习平面设计
  • 嵌入式开发,物联网开发智能硬件
  • 学习物联网
  • 学习ARM
  • 学习嵌入式
  • 学习蓝牙开发
  • 开发工具开发工具
  • 学习Eclipse IDE
  • 网站建设网站建设
  • 学习Web应用安全
  • web前端培训
    HTML教程

    HTML结构



    <html>内容</html>


    解释:HTML文档的文档标记,也称为HTML开始标记

    功能: 这对标记分别位于网页的最前端和最后端

    <html>在最前端表示网页的开始

    </html>在最后端表示网页的结束



    <head>内容</head>


    解释:HTML文件头标记,也称为HTML头信息开始标记

    功能:用来包含文件的基本信息,比如网页的标题、关键字,在     <head></head>内可以放<title></title>、<meta></meta>、  <style></style>等等标记

    注意:在<head></head>标记内的内容不会在浏览器中显示



    <title>内容</title>


    解释:HTML文件标题标记

    功能:网页的“主题”,显示在浏览器的窗口的左上边

    注意:网页的标题不能太长,要短小精悍,能具体反应页面的内   容,<title></title>标记中不能包含其他标记



    <body>内容</body>


    解释:HTML文档的主体标记

    功能:<body>...</body>是网页的主体部分,在此标记之间可以包   含如<p></p>、<h1></h1>、<br>、<hr>等等标记,正是由   这些内容组成了我们所看见的网页

    body标记的常见属性:

    1.bgcolor

    设置背景颜色

    <body bgcolor="red"></body>

    2.text

    设置文本颜色

    <body text="green"></body>

    3.link

    设置连接颜色

    <body link="blue"></body>

    4.vlink

    已经访问了的链接颜色

    <body vlink="yellow"></body>

    5.alink

    正在被点击的链接颜色

    <body alink="red"></body>



    <meta>内容</meta>


    解释:页面的元信息(meta-information)

    功能:提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

    必须的属性:

    content

    值:some_text

    定义与 http-equiv 或 name 属性相关的元信息

    常见的属性:

    1.常用的name属性:

    1.author

    2.keywords

    3.description

    6.others

    把 content 属性关联到一个名称:比如描绘出网页的关键词:<meta name="keywords" content="麦子学院,IT在线培训">

    注意:meta标记必须放在head元素里面



    练习


    打开开发环境Notepad++

    输入:

    <html>

    <head>

    <title>这是第二节课</title>

    <meta charset=”UTF-8”>

    <meta name=”keyword” content=”麦子学院,老师”>

    </head>

    <!--<body bgcolor=”green” text =”blue”>-->

    <body link=”red” vlink=”grenn” alink=”blue”>

    <h1>这是一个内容的标题</h1>

    <a href=""  超链接

    <a href=""  

    <a href="" 按下鼠标成为蓝色

    </body>

    </html>

    UTF-8:是一种编码方式

    自动填充:设置-首选项-编辑-自动完成-在右侧html、xml结束标签

     


    【本文由麦子学院独家原创,转载请注明出处并保留原文链接】 


    相关内容

  • ·  HTML+CSS基础入门
  • ·  Html5+css3
  • ·  专业Web设计师应该避免的6个关键错误
  • ·  周四直播|搜狐资深前端工程师,30分钟带你跑一遍微信小程序
  • ·  【208期】盘点初入Web前端必备技能
  • logo
    © 2012-2016 www.maiziedu.com
    蜀ICP备13014270号-4 Version 5.0.0 release20160127

    免费领取价值1888元求职宝典!

    客服热线 400-862-8862

    回到顶部