m5k1umn 发表于 2024-6-29 13:27:35

HTML+CSS 基本知识-入门概述


    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>HTML+CSS</h2>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">周期</span> 1：入门概述</h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>概述</h3>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">1、什么是HTML</h3>
    <div style="color: black; text-align: left; margin-bottom: 10px;">HTML 是个缩写形式，其全<span style="color: black;">叫作</span>为 Hyper Text Markup Language，翻译成中文的含义为超文本标记语言。HTML 不是一门编程语言，而是一门标记语言，<span style="color: black;">由于</span> HTML <span style="color: black;">是由于</span>一系列的元素<span style="color: black;">构成</span>，这些元素<span style="color: black;">能够</span><span style="color: black;">包括</span>文本、超链接等<span style="color: black;">区别</span>内容。
      ​
      例：<span style="color: black;">&lt;!DOCTYPE html&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">html</span> <span style="color: black;">lang</span><span style="color: black;">=</span><span style="color: black;">"en"</span><span style="color: black;">&gt;</span>
      ​
      <span style="color: black;">&lt;</span><span style="color: black;">head</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">meta</span> <span style="color: black;">charset</span><span style="color: black;">=</span><span style="color: black;">"UTF-8"</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">title</span><span style="color: black;">&gt;</span>HTML基本结构<span style="color: black;">&lt;/</span><span style="color: black;">title</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;/</span><span style="color: black;">head</span><span style="color: black;">&gt;</span>
      ​
      <span style="color: black;">&lt;</span><span style="color: black;">body</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;</span><span style="color: black;">h1</span><span style="color: black;">&gt;</span>这是最基本的HTML结构<span style="color: black;">&lt;/</span><span style="color: black;">h1</span><span style="color: black;">&gt;</span>
      <span style="color: black;">&lt;/</span><span style="color: black;">body</span><span style="color: black;">&gt;</span>​<span style="color: black;">&lt;/</span><span style="color: black;">html</span><span style="color: black;">&gt;</span>
      ​
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">细究：概念分成超文本和标记语言两部分进行分别学习。</p>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">2、什么是超文本</h3>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">经过</span>浏览器运行后缀名为.html或.htm文本，浏览器运行并<span style="color: black;">表示</span>这个文本的内容</div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">3、什么是标记语言</h3>
    <div style="color: black; text-align: left; margin-bottom: 10px;">标记语言中的标记指的<span style="color: black;">便是</span> HTML 中的元素（Element），而 HTML <span style="color: black;">便是</span>由<span style="color: black;">这般</span>的一系列元素<span style="color: black;">构成</span>的，<span style="color: black;">因此</span>被<span style="color: black;">叫作</span>为标记语言。
      ​
      HTML 的元素是给定的。<span style="color: black;">没</span>论是 HTML 元素的数量，还是 HTML 元素的<span style="color: black;">功效</span>都是固定不变的。换句话讲，<span style="color: black;">咱们</span>学习 HTML 简单<span style="color: black;">来讲</span><span style="color: black;">便是</span>学习 HTML 元素的含义、<span style="color: black;">功效</span>以及用法等内容。</div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">4、HTML版本</h3>
    <div style="color: black; text-align: left; margin-bottom: 10px;">在 HTML 版本发展历程中，大部分的版本都离<span style="color: black;">咱们</span>远去了，<span style="color: black;">亦</span><span style="color: black;">便是</span>说<span style="color: black;">咱们</span>并不关心，而<span style="color: black;">必须</span>关心的是 4.01 和 5 这两个版本。5 版本是 HTML <span style="color: black;">日前</span>最新版本，<span style="color: black;">亦</span><span style="color: black;">便是</span><span style="color: black;">咱们</span><span style="color: black;">此刻</span>常说的 HTML5，<span style="color: black;">况且</span><span style="color: black;">此刻</span>学习 HTML 都是针对 5 这个版本进行学习的。
      反而<span style="color: black;">必须</span><span style="color: black;">尤其</span>关心的是 4.01 版本。<span style="color: black;">由于</span> 4.01 版本依旧存在于<span style="color: black;">有些</span>较老的网站<span style="color: black;">或</span>系统中，<span style="color: black;">倘若</span>将来你的工作是对这些网站<span style="color: black;">或</span>系统进行升级工作的话，<span style="color: black;">那样</span>就<span style="color: black;">必须</span><span style="color: black;">认识</span> 4.01 这个版本的内容。</div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>框架</h3>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">1、基本概念</h3>
    <div style="color: black; text-align: left; margin-bottom: 10px;">1、&lt;!DOCTYPE&gt;
      声明、元素和注释等内容
      &lt;!DOCTYPE html&gt;在HTML5版本，基本结构的<span style="color: black;">第1</span>行，这块内容被<span style="color: black;">叫作</span>为 HTML 声明。HTML 声明的<span style="color: black;">功效</span>是浏览器运行该 HTML 页面时，<span style="color: black;">通知</span>浏览器当前 HTML 页面的版本。<span style="color: black;">这般</span>浏览器会准确地进行解析并展示其内容。
      ​
      2、&lt;html&gt; 元素：<span style="color: black;">暗示</span>当前 HTML 页面的根元素，用来<span style="color: black;">包括</span>所有其他 HTML 元素。
      &lt;html lang=""en"&gt; en为（english）英文网站，<span style="color: black;">能够</span>输出为中文,只是会让你的浏览器提示你要不要翻译此页,<span style="color: black;">倘若</span>改成zh-cn（中文）就<span style="color: black;">无</span>翻译的选项了
      ​
      3、&lt;head&gt; 元素：<span style="color: black;">暗示</span>当前 HTML 页面的头部，用来定义当前 HTML 页面的基本信息，例如标题、<span style="color: black;">重要</span>字、作者等内容。
      ​
      4、&lt;body&gt; 元素：<span style="color: black;">暗示</span>当前 HTML 页面的主体，用来定义<span style="color: black;">最后</span><span style="color: black;">表示</span>在浏览器窗口的内容。
      ​</div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">2、HTML元素</h3>
    <div style="color: black; text-align: left; margin-bottom: 10px;">除了 HTML 声明之外，其他内容都是 HTML 元素
      元素（Element）：是用来<span style="color: black;">包括</span>文字、<span style="color: black;">照片</span><span style="color: black;">或</span>音视频的内容，<span style="color: black;">通常</span><span style="color: black;">是由于</span>标签+内容<span style="color: black;">构成</span>。
      标签（Tag）：是元素的<span style="color: black;">构成</span>部分，<span style="color: black;">通常</span>分为<span style="color: black;">起始</span>标签和结束标签。
      ​
      HTML 元素<span style="color: black;">能够</span>分为闭合元素和空元素两种类型
      ​
      闭合元素：<span style="color: black;">拥有</span><span style="color: black;">起始</span>标签和结束标签，<span style="color: black;">况且</span><span style="color: black;">起始</span>标签和结束标签是成对<span style="color: black;">显现</span>的
      空元素：<span style="color: black;">仅有</span><span style="color: black;">起始</span>标签，而<span style="color: black;">无</span>结束标签。
      ​
      <span style="color: black;">重视</span>：<span style="color: black;">&lt;</span><span style="color: black;">html</span><span style="color: black;">&gt;</span> 元素是比较特殊的元素，<span style="color: black;">叫作</span>为根元素。在一个 HTML 页面中只能存在一个 <span style="color: black;">&lt;</span><span style="color: black;">html</span><span style="color: black;">&gt;</span> 元素，即使编写了多个 <span style="color: black;">&lt;</span><span style="color: black;">html</span><span style="color: black;">&gt;</span> 元素，运行 HTML 页面时浏览器<span style="color: black;">亦</span>会自动忽略。
    </div>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">3、简单标签（<span style="color: black;">认识</span>）</h3>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>双标签
      1、“ol”有序列表
      2、 “ul”<span style="color: black;">没</span>序列表
      3、 “h1~h6‘’递减标题标签
      4、‘’html‘’超文本标记语言
      5、‘’超文本‘’指页面内<span style="color: black;">能够</span><span style="color: black;">包括</span><span style="color: black;">照片</span>、链接、音乐、程序等非文字元素。一种静态的前端，<span style="color: black;">能够</span>说是前端的<span style="color: black;">基本</span>，web是动态前端。
      6、‘’body‘’主体的意思。，部分<span style="color: black;">供给</span>网页的内容。
      7、‘’head‘’开头，<span style="color: black;">供给</span>网页的信</div>




听听海 发表于 2024-9-9 13:18:31

楼主的文章深得我心，表示由衷的感谢！

m5k1umn 发表于 2024-9-28 08:09:48

论坛的成果是显著的，但我们不能因为成绩而沾沾自喜。

nqkk58 发表于 2024-10-17 12:44:51

我完全同意你的观点，说得太对了。
页: [1]
查看完整版本: HTML+CSS 基本知识-入门概述