HTML 介绍 | 青训营笔记

118 阅读2分钟

HTML 介绍 | 青训营笔记

这是我参与「第四届青训营 」笔记创作活动的的第1天

关于我对前端的理解

  • 做网页
  • 基础的三件套——HTML、css、JavaScript
  • 很卷
  • 需要学习很多知识
  • 知识更新很快

关于我对HTML的理解

  • 一种超文本标记(用我的话来说就是对文本做一个自己理想化的编辑)语言
  • 是前端的基础,需要辅以css和js让其运动活灵活现起来

HTML基础形式

类似于不同的编程语言,虽然我不认为HTML是一种编程语言,但是类比还是可以的,每种语言都有属于自己的风格,HTML也是如此,在我的理解来看,他是置于<></>之间的。通过改变其内的不同属性来达到不同的要求

HTML文本基础

<p> 段落

用来记录最基础的文本信息。
eg:<p>我是一个段落,千真万确。</p>

<h*> 标题

*的不同值对应不同的级标题,比如当*为1时就是一级标题,在可用的六个标题级别中,您应该只在每页使用不超过三个,除非您认为有必要使用更多。具有许多级别的文档(即,较深的标题层次结构)变得难以操作并且难以导航。在这种情况下,如果可能,建议将内容分散在多个页面上。
eg:<h1>我是文章的一级标题</h1>

<span>

它没有语义。当您想要对它用 CSS(或者 JS)时,您可以用它包裹内容,且不需要附加任何额外的意义

列表

列表的内容需要使用<li></li>单独包裹起来
<ul>表示无序列表
<ol>表示有序列表
列表可以进行嵌套
eg:
image.png

实体引用:在 HTML 中包含特殊字符

原义字符 | 等价字符引用 | | ---- | ------ | | < | &lt | |> | &gt | | " | &quot | | ' | &apos| | & | &amp|

eg: <p>HTML 中用 <p> 来定义段落元素。</p>
<p>HTML 中用 &lt;p&gt; 来定义段落元素</p>

总结

让我接触了一些全新的形式,也许这届是前端的魅力,不过需要记的东西很多,所以需要实际操作和记笔记双管齐下。

一些感想

通过第一天的学习,算是为我打开了一扇崭新的大门,让我接触了一些很有趣的东西,接触新的东西总是可以让人兴奋起来,希望我可以保持这份热爱与感动。