美文网首页
基础(一)--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的基本结构

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

  • w3c School读书笔记(一):HTML基础

    html的基础知识 w3c_html基础教程总结 文档的基本结构 脑图 常见元素 HTML元素语义的分类 结构类 ...

  • HTML5入门

    html基础-认识html 1.html的基本结构 2. DTD文档声明 3...

  • 1.1笔记

    html网络开发、CSS基础语法 基本概念 *HTML只负责搭建结构,css负责格式化样式 - html(结构层)...

  • 前端开发学习第四天

    前端最基础的HTML 1.HTML文件的基本结构: 首先打开DW建立一个html文件 ...

  • 认识HTML一HTML基本结构详解(基础)

    基本结构 类比鞠倩伟 大家因为对美女印象深刻,所以我用大家熟悉美女的样子。 html基本结构都是成对出现 例如 带...

  • WEB前端开发职业学习路线初级完整版

    web页面制作基础 web简介,HTML语法基础,HTML基本结构,单双标签,标签属性,标签嵌套规则,注解,HTM...

  • HTML 基础

    HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...

  • HTML5基础——HTML的基本结构

    一、微文概览: HTML文件的编写方法开始标签 头部标签 标题标签 主体标签 二、详细介绍 1.HTML文件的编写...

  • html 基础知识

    最近要用vue.js 顺便回顾了一下上学那会学的html. HTML基础 页面基本结构 文本标签 html 元素必...

网友评论

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

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