zoukankan      html  css  js  c++  java
  • HTML学习笔记之基础

    HTML 是用来描述网页的一种语言,HTML指的是HyperText Markup Language(超文本标记语言)。

    HTML实例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HelloWorld</title>
    </head>
    <body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
    </body>
    </html>

    实例解析:

    • <!DOCTYPE html> 声明为 HTML5 文档
    • <html> 元素是 HTML 页面的根元素
    • <head> 元素包含了文档的元(meta)数据
    • <title> 元素描述了文档的标题
    • <body> 元素包含了可见的页面内容
    • <h1> 元素定义一个大标题
    • <p> 元素定义一个段落

    HTML标记标签通常被称为HTML标签: <标签> 内容 </标签>,通常来说,只有body区域才会在浏览器中显示。

    HTML元素语法:

    • HTML 元素以开始标签起始
    • HTML 元素以结束标签终止
    • 元素的内容是开始标签与结束标签之间的内容
    • 某些 HTML 元素具有空内容(empty content)
    • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
    • 大多数 HTML 元素可拥有属性

      没有内容的HTML元素被称为空元素,空元素是在开始标签中关闭的,<br>就是没有关闭标签的空元素,在开始标签中添加斜杠,比如</br>是关闭空元素的正确方法。

    HTML属性
      HTML元素可以设置属性,属性可以在元素中添加附加信息,属性一般描述于开始标签,属性总是以名称/值对的形式出现,比如width="258"。

    HTML标题
      HTML标题通过<h1>-<h6>标签来定义,例如:

     <h1>这是一个标题</h1>
     <h2>这是一个标题</h2>
     <h3>这是一个标题</h3>

      其中h1定义最大标题,h6定义最小标题。

    HTML水平线
      <hr>标签在HTML页面中创建水平线,一般的,hr可用于分割内容。

    <p>这是一个段落。</p>
    <hr>
    <p>这是一个段落。</p>
    <hr>
    <p>这是一个段落。</p>

    HTML注释

      可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。注释写法如下:
      <!-- 这是一个注释 -->
    HTML段落
      HTML段落是通过标签<p>来定义的,例如:

    <p>这是一个段落。</p>
    <p>这是另外一个段落。</p>

      浏览器会自动地在段落的前后添加空行。(</p> 是块级元素)
    HTML折行
      如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:
      <p>这个<br>段落<br>演示了分行的效果</p>

    HTML文本格式化

      示例如下:

    <b>加粗文本</b><br><br>
    <i>斜体文本</i><br><br>
    <code>电脑自动输出</code><br><br>
    这是 <sub> 下标</sub><sup> 上标</sup>

      HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体

    HTML链接
      
    HTML链接是通过标签<a>来定义的,例如:

    <a href="https://www.supermap.com" target="_blank">欢迎访问北京超图软件股份有限公司官网</a>

      超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。在标签<a> 中使用了href属性来描述链接的地址,href 属性描述了链接的目标,使用 target 属性,你可以定义被链接的文档在何处显示。

      HTML链接-id属性,id属性可用于创建一个HTML文档书签标记,书签是不以任何特殊的方式显示,在HTML文档中是不显示的,所以对于读者来说是隐藏的。

    HTML图像
      HTML图像是通过标签<img>来定义的

    <img src="/Giser.png" width="258" height="300"></img>

     

  • 相关阅读:
    20155313 杨瀚 《网络对抗技术》实验九 Web安全基础
    20155313 杨瀚 《网络对抗技术》实验八 Web基础
    20155313 杨瀚 《网络对抗技术》实验七 网络欺诈防范
    20155313 杨瀚 《网络对抗技术》实验六 信息搜集与漏洞扫描
    20155313 杨瀚 《网络对抗技术》实验五 MSF基础应用
    20155313 杨瀚 《网络对抗技术》实验四 恶意代码分析
    20155313 杨瀚 《网络对抗技术》实验三 免杀原理与实践
    20155313 杨瀚 《网络对抗技术》实验二 后门原理与实践
    20155313 杨瀚 《网络对抗技术》实验一 PC平台逆向破解(5)M
    20155313 2017-2018-1 《信息安全系统设计基础》课程总结
  • 原文地址:https://www.cnblogs.com/mohanchen/p/8762922.html
Copyright © 2011-2022 走看看