zoukankan      html  css  js  c++  java
  • HTML入门

    HTML简介

        超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。我们可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

    HTML组成 

        一个HTML文档可以理解为一张网页,每个HTML文档由文档声明、HTML文档、页头、页身4个部分组成。文件后缀为.html,如图所示:

        基本格式为以下

      <!DOCTYPE html> 声明为 HTML5 文档

      <html> 元素是 HTML 页面的根元素

      <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。  

      <title> 元素描述了文档的标题

      <body> 元素包含了可见的页面内容

    注意:

       HTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag),使用标记标签来描述网页。

    HTML标签格式

      页面结构  由标签组成  标签分为:功能标签  普通标签(div p b)

        1.<标签>内容</标签>

        2.<标签名 属性=“属性值”>

         html标签

                   标签名 属性名1=“属性值1” 属性名2=“属性值2”

                                内容/值

                               /标签名

           html主要事项:

                  1.所以的符号都是英文半角

                  2.先把标签写完整再写内容

                  3.注意嵌套的缩进

                  4.html不区分大小写  默认小写

           实体:&nbsp;       &实体名称

           常用的标签有:

                   标题标签:<h> ;段落标签:<p> ; 换行标签:<br> ;水平线标签:<hr>。

           文本格式化标签:

                   粗体:<b>、<strong> 斜体:<i>、<cite>、<em>上标标签:<sup>下标标签:<sub>大字号标签:<big>小字号标签:<small>

    快捷键

      Shift+tab 向前缩进

      Tab 首行缩进

      Ctrl+u设置项

      Ctrl+d复制选中行

      Alt+左键 改变所选行内容(仅支持英文)

      Src 空格显示路径

      Ctrl+/ 注释

    常用字体调试

        Font-size 字体大小  默认14px

        font-weight加粗    默认100-900px

        text-indent 首行缩进   单位em=16px   %

    HTML格式及标签使用实例

           代码如下: 

     1 < !doctype html>
     2 <html>
     3 <head> <meta charset="utf-8">
     4  <title>无标题文档</title>
     5 < /head>
     6 <body>
     7  <ul type="'square" style="color: red">
     8 <li><span style="color: black">
     9 <h3>多地高温直冲40C中东部在"桑拿天"中迎大暑</h3>
    10 </span></li> 
    11  </ul>
    12 <ul type="square">
    13 <li>科创板开市第c日: 24股开盘下跌,南创医学"枝独秀"</li> 
    14 <li>秒杀高铁:成都将布局超级高铁,最高800公里时速直达重庆</li>
    15 <li>天津武清油罐车侧翻泄露危及铁路安全部分列车临时停运</Li> 
    16 <li> "九二共识"提出者苏起将加入韩国瑜团队负责两岸事务</Li>
    17 <li>岛内首次有高中允许男生穿裙子尊重差异还是哗众取宠? </li>
    18 </ul>
    19 </body>
    20 < /html>

              代码运行实例如下:

                  

      

          

  • 相关阅读:
    OpenWAF学习笔记(四)—— API-接入规则
    OpenWAF学习笔记(三)—— 调用API时403?
    OpenWAF学习笔记(二)—— 入门
    OpenWAF学习笔记(一)—— 安装
    SQL Server获取数据库表、视图、存储过程数量及名称
    获取真实IP地址——代理背后的终端ip地址
    博客园美化-添加看板娘
    强密码验证-大小写字母、数字、特殊字符、长度
    【c++面试总结】
    【一天一道算法题】 两个字符串相乘
  • 原文地址:https://www.cnblogs.com/zhai113/p/11254430.html
Copyright © 2011-2022 走看看