daily commit

2022-05-10 20:23:13 +08:00
parent f589527822
commit e32706d996
1 changed files with 70 additions and 0 deletions
--- a/html/html基础.md
+++ b/html/html基础.md
@@ -0,0 +1,70 @@
 # html基础
 - ## html中知识要点
  - html中空格
    - 不管在html元素中添加了多少空格或者换行，其连续的多个空格都会被替换为一个空格，块元素中的换行符会被取消，除非显式指定<br>
  - html中特殊符号：
    - 在html中，< > ' " 都是特殊的符号，其都是html语法的一部分，故而在文本中如果存在这些特殊字符，可以通过特殊的引用来表示该特殊字符
    - 特殊的用来表示该类字符的表达式以&开头，以；结尾，具体如下
    ```shell
    <   可以用  &lt; (less than)
    >   可以用  &gt; (greater than)
    "   可以用  &quot; 
    '   可以用 &apos;
    &   可以用 &amp;
    // 例如，可以在<p>中包含如下内容
    <p>This is content of element &lt;p&gt;!</p>
    //  其会显示如下内容
    This is content of element <p>!
    ```
  - html中评论：
    ```html
    <!-- comment content -->
    ```
  - html head:
    - head标签中的信息并不显示在html页面中，html中包含的是html页面的元信息
    - head中可以包含如下信息：
      - title：该页面显示在title标签栏中的标题内容
      - meta：meta标签用来定义元信息
        - 通过meta元信息指定文档使用的字符集：
        ```html
        <meta charset="utf-8">
        ```
        - 通过meta元信息为页面指定作者和页面描述信息：
        ```html
        <!-- 
          name: 用来指定元信息元素的类型
          content：用来指定元信息元素的内容
         -->
        <meta name="author" content="Rikako Wu">
        <meta name="description" content="information description">
        ```
      - 为页面制定favicon图标：
        - 在index.html路径下防治ico图标
        - 在head元素中添加如下标签
        ```html
        <link rel="icon" href="favicon.ico" type="image/x-icon">
      - 向页面中添加css样式
        - 用rel指定该link为stylesheet
        - 用href来指定css样式表的路径
        ```html
        <link rel="stylesheet" href="./main.css">
        ```
      - 向页面中添加script脚本
        - 指定defer，可以在页面完成解析后再执行引入的js脚本
        - 用src属性指定js脚本路径
        ```html
        // 除了可以引入外部脚本外，还可以在script标签中加入
        //    js代码
        <script src="./main.js" defer></script>
        ```
      - 为文档指定语言信息
        - 可以在html标签中制定lang属性来为文档指定使用的语言
        ```html
        <html lang="en-US">
        ```
  - html body中的重要元素
    - 强调某些单词
      - em:通过em标签，通常会通过斜体的效果来加强某些单词
      - strong：通过strong标签，通常会通过加粗的方式来强调某些单词