zoukankan      html  css  js  c++  java
  • HTML_1

    HTML是 Hyper Text  Mark-up Language 的首字母简写,意思是超文本标记语言,超文文指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成。文件扩展名为html或htm

    基本结构:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>网页标题</title>
     6 </head>
     7 <body>
     8     网页显示内容
     9 </body>
    10 </html>

    第一行是文档声明,第二行“<html>”标签和最后一行“</html>”定义html文档的整体,“<html>”标签中的lang="en"定义网页的语言为英文,定义为中文是lang="zh-CN",不定义也没什么影响,它一般作为分析统计用。<head>和<body>标签是它的第一层子元素。

    HTML文档类型:目前常用的两种文档类型是xhtml 1.0和html5(向下兼容)

    html5

    html标题

    通过<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,标签可以在网页上定义6种级别的标题

    <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h3>
    

    html分段  

    <p>
            第一段:好好学习天天向上
    </p>
    <p>
            第二段:好的没问题
    </p>

    html换行   加标签<br />  换行的话两行之间紧挨着,分段的话两段之间会有一些间距

    html注释          <!--注释的内容--> ,快捷键crtl /  

    html字符实体

      在网页上显示大于号‘<’和小于号‘>’,一般不能直接这样写,因为有的浏览器不能解析出来。所以写法为:     例如 ‘3<5’写法为:3 &lt; 5         “10>5”写法为:10 &gt; 5

      空格的表示方法,连续敲击多个空格只显示一个空格,所以可以通过&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    一个&nbsp;代表一个空格

    以上用法实例:

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Document</title>
     6 </head>
     7 <body>
     8     <h1>我是一级标题</h1>
     9     <h2>我是二级标题</h2>
    10     <h3>我是三级标题</h3>
    11     <p>
    12         第一段:好好学习天天向上
    13     </p>
    14     <p>
    15         第二段:好的<br />没问题
    16     </p>
    17 <!--注释的写法,浏览器不会进行任何的操作,快捷键crtl /     -->
    18     <p>
    19         大小于号的写法:<br />
    20         3 &lt; 5<br />
    21         10 &gt; 5   <br />
    22         4<6   <br />
    23         7>1 <br />
    24         空格1 空格2    空格3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空格4
    25     </p>
    26 </body>
    27 </html>

    结果:

      

      

  • 相关阅读:
    【BZOJ4383】[POI2015]Pustynia 线段树优化建图
    【BZOJ4519】[Cqoi2016]不同的最小割 最小割树
    【BZOJ2229】[Zjoi2011]最小割 最小割树
    【BZOJ2151】种树 双向链表+堆(模拟费用流)
    Python入门之Pycharm开发中最常用快捷键
    Python Web学习笔记之GIL机制下的鸡肋多线程
    SQL学习之Can't connect to MySQL server on localhost (10061)
    win10锁屏界面无法更新
    如何安装Pycharm官方统计代码行插件
    Notepad++ 主题配色配置
  • 原文地址:https://www.cnblogs.com/tianqizhi/p/8505924.html
Copyright © 2011-2022 走看看