【WEB学习】Day01-HTML标签

Clown Piece

已于 2023-07-17 10:42:41 修改

阅读量286

点赞数 1

CC 4.0 BY-SA版权

分类专栏： WEB学习笔记文章标签： html 前端 webview

于 2022-01-06 21:51:18 首次发布

本文链接：https://blog.youkuaiyun.com/oo00Z00oo/article/details/122330308

WEB学习笔记专栏收录该内容

8 篇文章

订阅专栏

本文介绍了HTML的基础知识，包括自结束标签如<img>和<input>，注释的使用，以及标签的属性，强调了属性的正确书写方式。此外，详细讲解了网页的基本结构，如DOCTYPE声明、字符集设定以及HTML5的结构。还探讨了字符集如ASCII、UTF-8的重要性，并展示了完整的HTML页面结构示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    WEB学习Day01-HTML标签
【时间】2022/1/5
【内容一：自结束标签和注释】
    ①标签往往是成对出现的，但有的标签并不是成对出现，比如:
    <img> <input>等。他们叫做自结束标签。

    有时也可写作：<img   /> <input   />
    
    ②注释的写法：　
    <!-- 注释内容 -->

    注释不显示在网页中，而是放在源码中起解释说明作用。

    注释不能嵌套！
【内容二：标签中的属性】
      ①HTML的不严谨基本标签结构：

       <html>

             <head>

                      <title>标题</title>

               </head> 
        <body>

                                 <!-- 正文 -->

                   </body>
  </html>

     ②标签的属性：

     属性是标签中的一个名值对(x=y)，可以在标签内部书写。
用来设置标签中的内容如何显示或实现他的功能。

     <font color="red">我们是红色的字</font>

    属性和标签名或其他属性应该用空格隔开。

    属性名不能乱写，只能写HTML自带的属性，值也不能乱写，
    属性名和值都是文档中规定的。

    有些属性有值，有些属性仅有一个属性名。如果有属性值，属性值要用"　"引起来。

    一个标签可以有多个属性，他们之间用空格隔开。 
    
 【内容三：网页的基本结构及文档声明】
      ①HTML是有版本的，我们需要在网页的最开头声明HTML版本。

      HTML5的文档声明为：

<!doctype html>

②进制和字符集:

涉及到常见的字符集：

ASCII （英美使用的编码）

ISO88591 （欧洲用的编码）

GB2312 （中国汉字采用的编码) 
 
GBK

UTF-8 （万国码，一般使用这种）

声明字符集要在<head>内部加一个<meta charset="UTF-8">

这样有效地避免了乱码问题。

③严谨的网页基本结构:

<!doctype html>

       <html>
　　<!-- head是网页的头部，其中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页 -->
       
      <head>
　　　　<meta charset="utf-8">

                      <title>标题</title>

               </head> 
 　　<!-- body是html的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里 -->
      <body>

                                 <!-- 正文 -->

                   </body>
  </html>