美文网首页
基础(一)--HTML的基本结构

基础(一)--HTML的基本结构

作者: Caesar_emperor | 来源:发表于2020-04-23 14:56 被阅读0次

    想了很久要不要总结一下前端的东西,那就写点吧,供大家分享。后续会继续出JS,JQ的内容


    1.HTML语法
    具体结构我就不写了,F12都能看到,办公的人用办公软件也会有个框架给你,直接填写标签元素就行。这里我主要讲一些基础属性构成和写法格式

    1)标签内的多个属性之间用空格分隔

    <tag a1="v1" a2="v2">元素主体</tag>
    

    2)少数元素的属性也可能不包含属性值

    <tag a1 a2..an>元素主体</tag>
    

    3)文档原信息包含在<head>中,HTML信息和网页显示内容包在<body>中

    4)必须定义文档的字符编码,一般使用<meta>标签定义在<head></head>内

    <meta http-equiv="Content-Type" content="text/html";charset="utf-8">
    

    2.空标签

    <br /> 换行标签,通常用于文本格式换行
    <input /> 用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。
    <img /> 代表文档中的一个图像。
    <isindex /> 使浏览器显示一个对话框,提示用户输入单行文本。
    <area /> 在图片上定义一个热点区域
    <base /> 指定用于一个文档中包含的所有相对URL的基本URL。
    <basefont /> 用来设置文档的默认字体大小(size属性)。(目前已废弃 )
    <bgsound /> IE浏览器中设置网页背景音乐的元素。
    <col /> 定义表格中的列,并用于定义所有公共单元格上的公共语义。它通常位于<colgroup>元素内。
    <embed /> 用于表示一个外部应用或交互式内容的集合点,换句话说,就是一个插件。
    <frame /> ,它定义了一个特定区域,另一个 HTML 文档可以在里面展示。(已废弃)
    <keygen /> 为了方便生成密钥材料和提交作为 [HTML form]的一部分的公钥.这种机制被用于设计基于 Web 的证书管理系统。(已废弃)
    <link /> 指定了外部资源与当前文档的关系. 这个元素的使用方法包括为导航定义关系框架.这个元素经常用来链接css文件。
    <meta /> 元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元数据信息.
    <nextid /> 是一个过时的 HTML 元素, 它使下一个 web 设计工具能够为其定位点生成自动名称标签。 它是由该 web 编辑工具自动生成的, 不需要手动调整或输入。这个元素的区别是成为第一个元素, 成为一个 "丢失的标签" 被淘汰的官方公共 DTD 的 HTML 版本。
    <param /> 定义了 <object>的参数
    <plaintext /> 将起始标签后面的任何东西渲染为纯文本,不会解释为 HTML。它没有闭合标签,因为任何后面的东西都会看做纯文本。(已废弃)
    <spacer /> 它可以向页面插入间隔。它由 Netscape 设计,用于实现单像素布局图像的相同效果,Web 设计师用它来向页面添加空白,而不需要实际使用图片。(已废弃)
    <wbr /> 一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行。

    3.常用的字符编码

    中文简体(gb2312)
    中文繁体(big5)
    通用字符编码(utf-8)

    相关文章

      网友评论

          本文标题:基础(一)--HTML的基本结构

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