qzmjef 发表于 2024-6-29 16:49:12

前端之HTML


    <h2 style="color: black; text-align: left; margin-bottom: 10px;">1. 前端概述</h2>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">1.1 前端</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前端和后端，站在代码执行位置的<span style="color: black;">方向</span>来区分的话，服务端所执行的代码被<span style="color: black;">叫作</span>为后端代码，<span style="color: black;">亦</span><span style="color: black;">便是</span>这部分代码是在服务器上运行的。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">而<span style="color: black;">咱们</span>所看到的网页内容，是<span style="color: black;">咱们</span>的浏览器获取到服务器处理后发来的结果（代码）之后，在本地进行渲染后所呈现的效果。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">亦</span><span style="color: black;">便是</span>说，这部分代码是在客户端本地执行的，<span style="color: black;">那样</span>这些在客户端本地执行的代码就叫前端代码。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">总的<span style="color: black;">来讲</span>，前端<span style="color: black;">便是</span>在客户端执行的代码，而后端，<span style="color: black;">便是</span>在服务端执行的代码。</p>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;">1.2 HTML</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这种语言由一个个的标签<span style="color: black;">构成</span>，用这种语言制作的文件<span style="color: black;">保留</span>的是一个文本文件，文件的扩展名为html<span style="color: black;">或</span>htm，一个html文件<span style="color: black;">便是</span>一个网页。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">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>一个网页。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">2. HTML的基本标签</h2>
    <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;!DOCTYPE&gt; &lt;!--告诉浏览器，以下的html文本<span style="color: black;">根据</span>标准模式(W3C标准)渲染--&gt;
      &lt;!--html标签不区分<span style="color: black;">体积</span>写--&gt;
      &lt;!--html标签分为闭合标签和自闭合标签--&gt;
      &lt;!--html标签的属性<span style="color: black;">一般</span>是以键值对的形式<span style="color: black;">显现</span>，且只能<span style="color: black;">显现</span>先<span style="color: black;">起始</span>标签中--&gt;
      &lt;!--<span style="color: black;">倘若</span>属性值和属性名完全<span style="color: black;">同样</span>，直接写属性名<span style="color: black;">就可</span>--&gt;
      &lt;!--标签存在的<span style="color: black;">道理</span>是为了方便让css、js对指定内容进行操作--&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
      &lt;!-- html页面的标题，head标签中的内容除了title，其他用户都看不见 --&gt;
      &lt;title&gt;Pray の 小破站&lt;/title&gt;
      &lt;!-- 设置字符编码，下面两者等价，选一种<span style="color: black;">就可</span> --&gt;
      &lt;meta charset="UTF-8"&gt; &lt;!-- <span style="color: black;">这儿</span>其实是下面写法的简写 --&gt;
      &lt;meta http-equiv="content-type" charset="UTF-8"&gt;
      &lt;!-- 设置搜索引擎搜索<span style="color: black;">重要</span>字和网站描述 --&gt;
      &lt;meta name="keywords" content="生活,<span style="color: black;">平常</span>,分享,扯淡"&gt;
      &lt;meta name="description" content="人生天地之间，如白驹之过隙"&gt;
      &lt;!-- 自动刷新 --&gt;
      &lt;!-- &lt;meta http-equiv="refresh" content="5;URL=http://cnblogs.com/hgzero"&gt;--&gt;
      &lt;!-- <span style="color: black;">表示</span>页面的图标，浏览器上方<span style="color: black;">表示</span>的图标 --&gt;
      &lt;link rel="icon" &gt;
      &lt;/head&gt;

      &lt;body&gt;
      &lt;div id="first"&gt;<span style="color: black;">这儿</span>是顶部，<span style="color: black;">这儿</span>设了一个a标签的锚点&lt;/div&gt;
      &lt;h1&gt;1. 最基本的几个标签&lt;/h1&gt;
      &lt;!-- h1到h5的字体<span style="color: black;">体积</span>依次递减 --&gt;
      &lt;h2&gt;1.1 几个特殊图标和符号&lt;/h2&gt;
      &lt;p&gt;<span style="color: black;">这儿</span>的nbsp<span style="color: black;">表率</span>一个空格 &lt;/p&gt;
      &lt;p&gt;<span style="color: black;">这儿</span>的&gt;和&lt;分别<span style="color: black;">暗示</span>大于和<span style="color: black;">少于</span>&lt;/p&gt;
      &lt;p&gt;<span style="color: black;">这儿</span>的br标签是&lt;br&gt;换行标签&lt;/p&gt;

      &lt;h2&gt;1.2 几个字体格式</div>




bitheerani12500 发表于 2024-9-8 10:01:22

i免费外链发布平台 http://www.fok120.com/

1fy07h 发表于 2024-11-2 23:05:55

这篇文章真的让我受益匪浅，外链发布感谢分享！
页: [1]
查看完整版本: 前端之HTML