zoukankan      html  css  js  c++  java
  • html基础

      html是网页制作的基础,现在html已经升级到了html5,以下是一些html5的基础。

    html全称:全称:HyPer Text Markup Language——超文本标记语言 

    <!DOCTYPE html>————必须有并且在第一行
    <html>——————开始(根元素)
    <head lang="en">————源信息
    <meta charset="UTF-8">————一般选择UTF-8,因为他可以识别世界上大多数语种
    <title>网页的标题</title>——网页的标题
    </head>
    <body>——————用户看的信息
    <!--标题标记--> —————————注释,开发者看的信息
    <h1>我是H1标题标记</h1>———<h1>,<h2>,..<h6>
    标题,有六级
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>           ——————1至6级标题字越来越小
    <h5>5级标题</h5>
    <h6>6级标题</h6>

    <!--文章段落-->
    <p>..............</p>————<p>内容</p>

    <!--无序列表-->
    <ul>——————<ul>无序列表</ui>,<li>列表内容<li>
      <li>.......</li>
      <li>......</li>
    </ul>

    <!--有序列表-->
    <ol>——————<ol>有序列表<ol>,<li>列表内容<li>
    <li>.....</li>
    <li>.....</li>
    <li>.....</li>
    </ol>

    <!--定义列表-->
    <dl>
    <dt>名词:</dt>
    <dd>名词解析解释。。。。</dd>
    </dl>

    <!--特殊字符-->
    <p>在XX天,在XX地方&nbsp;.......开会————一个&nbsp;代表一个空格

    <br/>     ——————换行


    <!--引用-->
    <blockquote>我表示大段引用</blockquote>
    <q>。。。。。。。。 我表示小句子引用</q>

    <!--我可以用来表示作品名字、网站名字、书名-->
    <cite>《蒙娜丽莎》</cite>是文艺复兴时代画家列奥纳多·达·芬奇所绘的丽莎·乔宫多的肖像画

    <!--超链接-->   ————<a>

    <a href="http://www.baidu.com" target="_blank">点击我去百度</a>
    <a href="#">返回顶部</a>

    插入图片

    img与html同级:
    <img src="图片名" alt=""/>
    img在文件夹内:
    <img src="图片所在文件夹/图片名" alt=""/>
    <!--html 在文件夹内,img 在 img 文件夹内-->
    <img src="../图片所在文件夹/图片名" alt=""/>

    划分区域 区块
    <div></div>

  • 相关阅读:
    Webpack常用模块加载器Loader
    CSS动画 关键帧
    React 入门(6): 路由 React-Router
    React 入门(5): 引入JSX 研究JSX的createElement实现
    webpack标准模块 npm通用模块
    常用库的CDN引入
    使用codesandbox.io开启Web云开发
    css-loader + style-loader 模块化css
    React 入门(4): 单文件组件 CSS-Modules
    openldap主从数据同步-基于debain 9
  • 原文地址:https://www.cnblogs.com/wang365366/p/7441267.html
Copyright © 2011-2022 走看看