这是我参与「第四届青训营」笔记创作活动的第2天
也是小白乱写的第二篇··

head

head标签是不显示在页面中的，他只保存了其<title>（标签）、指向CSS的链接、指向定义图标的链接和其他元数据等信息

添加标签

<title>元素就是给文档添加标签，他和<h1>不同

元数据：元素

元数据就是描述数据的书数据。

utf-8

<meta charset="utf-8">  表示文档能够解析大部分字符

运用nmae 和 content

<meta name="author" content="Echoo Li">  描述文档的作者
<meta name="dicription" content="这是可酱的HTML学习文档笔记">  描述文档的简介，有利于搜索引擎优化
还有很多不同的描述，还没学

为站点自定义图标

<link rel="icon" href="imag/1.icon" type="image/x-icon">
引用图标作为网页的图标，就是最上面的那一个东西，用icon的图片格式主要是为了能够适配较多的网页
在下面介绍link元素

在HTML中应用CSS和JavaScript

CSS的作用是美化网页，JavaScript是使网页更有交互功能，分别用<link>和<script>元素来引用
<link rel="stylesheet" href="文档的相对路径">
<script src="文档的相对路径" defer></script>  defer表示在hemlock文件解析完成之后再加载JavaScript

给文档设置主语言

<html lang="zh-CN">  设置中文为主语言
<p>Japanese example: <span lang="ja">ご飯が熱い。</span>.</p>  在日语部分设置为日语

----------------------------------------此为分界线----------------------------------------

HTML的文字处理基础

HTML的主要工作是编辑文本结构和文本内容，一边浏览器能够正确的显示

标题和段落

<h1>到<h6>这六个标签都是标题，但是h1就只有一个
<p>就是段落
结构化写文档的作用：
    1.能够方便后续开发者的修改维护
    2.能够方便搜索引擎的收录和SEO
    3.能够方便阅读器的读取，方便残障人士的阅读
    4.能够方便后续CSS和JavaScript的有效定位

举例：

<h1>我是好人</h1>

<p>可酱</p>

<h2>第一问：我是谁？</h2>

<p>我是一个好人，是全世界最好的人，确信！</p>

<h2>第二问：我来自哪里？</h2>

<p>我来自遥远的卡斯塔宇宙第372行星的斯尔可塔星球的尼伯克拉小镇的可可宝村~</p>

<h3>记者疑惑说：你说的是人话吗？</h3>

<p>我们那边肯定说的不是这里的话啦~</p>

列表

列表非常常见，分为无序列表（Unordered），有序列表（Ordered）和嵌套列表（Nesting lists）

无序列表（Unordered）

无序列表用于标记列表项目顺序无关紧要的列表

举例:

<ul>
    <li>可酱</li>
    <li>可宝</li>
    <li>可可</li>
    <li>可乐</li>
    <li>可仔</li>
</ul>

有序列表（Ordered）

有序列表和上面相反啦，就是需要按顺序来的

举例：

<ol>
    <li>打开空调</li>
    <li>去刷牙洗脸</li>
    <li>上个厕所</li>
    <li>躺在床上</li>
    <li>刷会斗鹰</li>
    <li>打开音乐</li>
    <li>闭眼</li>
</ol>

嵌套列表（Nesting lists）

将一个列表嵌入到另一个列表中

举例：

<ol>
    <li>打开空调</li>
    <li>去刷牙洗脸</li>
    <li>上个厕所</li>
    <li>躺在床上</li>
    <li>刷会斗鹰</li>
    <li>打开音乐
        <ul>
            <li>如果你现在不是很困的话，那就发一会呆</li>
            <li>如果你现在已经困了但是睡不着的话，那就发一会呆</li>
            <li>如果你现在猪瘾犯了的话，没办法，你刷牙了</li>
        <ul>
    </li>
    <li>闭眼</li>
</ol>

强调

强调意思，加粗或者斜体
<em>字</em>中间的字就显示为斜体
<strong>字</strong>中间的字就显示为粗体
<i>斜体：外国文字，分类名称，技术术语……
<b>粗体：关键字，产品名称，引导句……
<u>下划线：专有名词，拼写错误……

小白学前端|青训营笔记