美文网首页
HTML 总结

HTML 总结

作者: 似是懂 | 来源:发表于2019-02-27 22:53 被阅读0次
    • HTML简介
    • <!doctype>声明
    • <head>标签及内容

    HTML简介

    1.什么是html

    含义:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
     内容:html标签、文本内容
     别名:web页面
     注意:标记语言是一套描述网页的标记标签
     形式:.html、.htm
    

    2.标签

    含义:HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
         由尖括号包围的成对出现的关键词,标签对中的第一个标签是开始标签(开放标签),第二个标签是结束标签(闭合标签)
    注意:标签≈元素
          一个元素=<标签>+</标签>
    形式:<标签>内容</标签>
    

    3.HTML网页结构

    <!DOCTYPE html>
    <html>
         <head>
            <meta charset="utf-8"> 
            <title>...</title>
            <base>
            <link>
            <style>
            <script>
         </head>
         <body>
            <h1>...</h1>
            <p>...</p>
            <a>...</a>
            <img/>图片
            <table>表格
            <br>换行
            <hr>
            <div>...</div>
            <span>...<span> 
            <input>
         </body>
      </html>
    注意:只有<body>中间区域才能在浏览器中显示
    

    <!doctype>声明

    含义:<!DOCTYPE>声明有助于浏览器中正确显示网页。
    注意:不区分大小写
    形式:
    HTML5(现在)
    <!DOCTYPE html>
    HTML 4.01
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    XHTML 1.0
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    

    <head>标签及内容

    1.<head>标签

    含义:头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
     内容:<title>、<style>、 <meta>、 <link>、 <script>、 <noscript>、 <base>
    

    2.<meta>元素

    含义:描述一些基本元数据,元数据也不显示在页面上,但会被浏览器解析。
    形式:- 为搜索引擎定义关键词
          - 为网页定义描述内容
          - 定义网页作者
          - 每30秒钟刷新当前页面
    

    3.<title>元素

    含义:<title> 标签定义了不同文档的标题。
           - 是浏览器工具栏的标题
           -添加到收藏夹时,也是收藏夹显示的标题
           -是搜索引擎显示结果的标题 
    注意:在 HTML/XHTML 文档中是必须的。
    

    4.<base>元素

    含义:<base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:
    

    我写不出来,啊啊阿吖

    相关文章

      网友评论

          本文标题:HTML 总结

          本文链接:https://www.haomeiwen.com/subject/pimquqtx.html