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
    牛客网 反转链表 JAVA
    牛客网 调整数组顺序使奇数位于偶数前面 JAVA
    Integer to Roman LeetCode Java
    Valid Number leetcode java
    Longest Common Prefix
    Wildcard Matching leetcode java
    Regular Expression Matching
    Longest Palindromic Substring
    Add Binary LeetCode Java
  • 原文地址:https://www.cnblogs.com/tianranhui/p/10428214.html
Copyright © 2011-2022 走看看