zoukankan      html  css  js  c++  java
  • HTML总结

    一,HTML简介

    • HTML的英文全称是 Htper Text Marked  Languager,中文叫做“超文本标记语言”。
    • 浏览器中运行,目前是网络上应用最广泛的语言。
    • 一个HTML文件的2后缀名是.htm或者.html。

    二、HTMLTag 元素

    HTML元素由开始Tag 和结束Tag 组成。如<p>/<p>,<h1><h1/>。虽然现在我们还不知道具体Tag 代表的意思,但Tag 一定是这样的格式:有一对开始<>和结束</>。一般Tag 名推荐用小写。Tag 具有属性,属性用来表示Tag 的特征。比如,我们用大小这个属性,来衡量一个苹果。所以,大小可以用来表示苹果的特征。属性时写在Tag 里面的,而且是开始Tag 内。

    三,HTML结构

      结构由网页的头部和网页的身体组成。如下例子: 

    <html>
    <head>
    <title>这里是标题</title>
    </head>
    <body>
      This is  my  first homepage.  <b>This text  is bold </b>
    </body>
    </html>

    示例解释

         第一个Tag 是<html>这个Tag 告诉你的浏览器这是html文件的头,最后一个Tag 是</html>表示Tag 到此结束。

        <head>和</head>之间的内容,是head信息。head信息是不显示出来的,你在浏览器里看不到,但是这不表示这些信息没没有用处。比如你可以在head信息里加山一些关键字,有助于搜索引擎能够搜索到你的网页。

        <title>和<title>之间的内容,是这个页面的标题,你可以在浏览器最顶段的标题栏看到这个标题

        <body>和<body>之间的信息,是正文就是可以看见的信息

        <b>和</b>之间的文字,用粗体表示。<b>顾名思义,就是bold的意思。

        html文件看上去和一般的文本类似,但是它比一般的文本多了Tag ,比如<html>,<b>等,通过这些Tag ,可以告诉浏览器如果显示文字的信息。

    HTML元素(HTML Elements)

    • HTML元素(HTML Elements)用来标记文本,表示文本的内容。比如,body,p,tilte,div就是HTML元素。
    • HTML元素用Tag表示,Tag 以<开始,以>结束。
    • Tag通常是成对出现的,比如<body></dody>。起始的叫做Opening Tag ,结束的就叫做Closing Tag。
    • 目前HTML和Tag不区分大小写的。比如,<html>和<HTML>其实是相同的。

    HTML元素(HTML Elements)的属性

    HTML元素可以拥有属性,属性可以扩展HTML元素的能力。

    比如你可以使用一个background-color属性,使得页面的背景成为红色,就像这样:

    <html>
    <head>
    <title>这里是标题</title>
    </head>
    <body style="background:red">
      This is  my  first homepage.  <b>This text  is bold </b>
    </body>
    </html>

    早比如,你可以使用boder这个属性将一个表格设置成一个无边框的表格。

    如下:

    <html>
    <body>
    <table border="0">
      <tr>
        <th>ID</th>
        <th>姓名</th>
      </tr>
      <tr>
        <td>1</td>
        <td>张三</td>
      </tr>
    </table>
    </body>
    </html>

          属性通常由属性名和值成对出现,就像:name=“value”。上面例子中的background-color,border就是name,red和0就是value。属性一般用双引号标记起来。

        属性通常是附加给HTML的 Opening Tag ,而不是Closing Tag。

    基础HTML  Tag

    HTML里,比较基础的Tag主要用于标签,段落和分行。

    正文标题

       这个示例告诉你如何在HTML文件里定义正文标题.

       HTML用<H1>到<H6>这几个Tag来定义正文标题,从大到小。每个正文标题自成一段

       <h1>This is a  heading </h1>
       <h2>This is a  heading </h2>
       <h3>This is a  heading </h3>
       <h4>This is a  heading </h4>
       <h5>This is a  heading </h5>
       <h6>This is a  heading </h6>

    段落划分

     在HTML里用<p>和</p>划分段落

    <p>This is a paragraph</p>

     换行

      通过使用<br>这个Tag,可以在不新建段落的情况下换行。<br>,没有Closing Tag。

    用<p>换行是个坏习惯,正确的使用<br>。

    <p> This  <br> is a para <br>graph with line breaks </p>

    HTML 注释

      在HTMl 文件里。你可以写代码注释,解释说明你的代码,这样有助于你和他人日后能够更好地理解你的代码。
     注释可以写在<!--和-->之间。浏览器是忽略注释的,你不会咋iHTML正文中看到你的注释。

    <!-- This is a comment -->

       

  • 相关阅读:
    用Java画QRCode二维码
    Require.js 详细了解
    JAVA下几个问题
    Eclipse中使用Maven创建Web时错误
    Windows下MySQL安装配置与使用
    搭建 LimeSurvey投票调查问卷系统
    服务器常见页面访问返回错误信息
    linux系统使用python监测网络接口获取网络的输入输出
    Linux操作系统知识
    lvs工作原理
  • 原文地址:https://www.cnblogs.com/tianranhui/p/10428214.html
Copyright © 2011-2022 走看看