伴学笔记——html入门篇

维生素b
112 阅读5分钟

Html入门笔记

1.表示使用html5，向下兼容所有旧版html

2.为根标签，html结束需有退出。是所有标签的容器。常见的容器：

  • 标签用于定义文档的头部，它通常包含文档的元数据，如字符编码、标题、样式表链接、脚本链接等。
  • 标签用于定义文档的主体，它包含了文档的所有可见内容，如文本、图像、链接、表格、表单等。

3.绘制选项卡标题

4.设置html编码

5.大号标题标签

在HTML中，标题标签从

到

共有六个级别，

是最高级别的标题，

是最低级别的标题。每个级别的标题都有不同的字体大小和样式，用于在文档中创建层次结构和强调不同部分的重要性。

6.<img str = “URL” alt = “图片无法显示的代替文本” style = “max-width 图片最大宽度为容器的n%”>//使用style这意味着图片会根据其容器的大小自动调整尺寸，以保持合适的比例。

基础的img属性参数：

  1. src：指定图像的URL地址。这是 标签最重要的属性，没有它，图像将无法显示。
  2. alt：指定图像的替代文本。当图像无法显示时，浏览器会显示这个文本，以提供关于图像的信息。同时，这个文本也有助于搜索引擎理解图像的内容。
  3. width和height：指定图像的宽度和高度。这些属性可以用来控制图像在网页上的显示大小。如果不指定这些属性，图像将以其原始大小显示。
  4. title：指定图像的标题。当鼠标悬停在图像上时，浏览器会显示这个标题。
  5. border：指定图像的边框宽度。默认情况下，图像没有边框。
  6. align：指定图像的对齐方式。这个属性已经被CSS取代，不建议使用。
  7. usemap：指定图像的客户端图像映射。这允许用户在图像上定义可点击的区域。
  8. ismap：指定图像是服务器端图像映射的一部分。这通常与 标签一起使用。
  9. longdesc：指定图像的长描述。这个属性提供了关于图像的更详细的信息，通常用于辅助技术。

备注：实际上 标签还有其他一些属性，如crossorigin、loading等，这些属性可以用来控制图像的加载行为和跨域请求等。这些等进阶再学（瘫；

 7.

    有序列表（ui会显示标记）              
            无序列表（ui显示为一个点）

             共同标签

    • 表示一个元素。

              dl创建新标签列表，dt定义术语，dd定义解释。（ui缩进）

      8. 引入文件

      rel =表示引用类型,常见引用值：

      1. stylesheet：指定链接的文档是一个样式表，用于定义当前文档的样式。
      2. icon：指定链接的文档是一个图标，用于在浏览器的标签栏、书签栏等位置显示网站的图标。
      3. alternate：指定链接的文档是当前文档的替代版本，例如不同的语言版本或不同的格式版本。
      4. author：指定链接的文档是当前文档的作者信息。
      5. help：指定链接的文档是当前文档的帮助文档。
      6. license：指定链接的文档是当前文档的版权信息或使用许可。
      7. next：指定链接的文档是当前文档的下一个文档，通常用于分页或系列文档中的下一部分。
      8. prev：指定链接的文档是当前文档的上一个文档，通常用于分页或系列文档中的上一部分。
      9. search：指定链接的文档是当前文档的搜索页面或功能。
      10. pingback：指定链接的文档是当前文档的Pingback地址，用于接收其他网站对当前文档的引用通知。

      备注：实际上rel属性可以接受任何自定义的值，用于描述文档之间的特定关系。不同的值可能会触发浏览器或其他工具的不同行为。

      Type表示属性指定了资源的类型，常见资源类型：

      1. text/css：指定链接的文档是一个CSS样式表。
      2. text/javascript：指定链接的文档是一个JavaScript文件。
      3. application/rss+xml：指定链接的文档是一个RSS订阅源。
      4. image/x-icon：指定链接的文档是一个图标文件（通常是 .ico或 .png格式）。
      5. application/atom+xml：指定链接的文档是一个Atom订阅源。
      6. application/json：指定链接的文档是一个JSON文件。
      7. application/pdf：指定链接的文档是一个PDF文件。
      8. application/msword：指定链接的文档是一个Microsoft Word文件。
      9. application/vnd.ms-excel：指定链接的文档是一个Microsoft Excel文件。
      10. application/vnd.ms-powerpoint：指定链接的文档是一个Microsoft PowerPoint文件。

      备注：实际上type属性可以接受任何符合MIME类型规范的值，用于描述链接的资源类型。不同的值可能会触发浏览器或其他工具的不同行为。

      Href表示文件路径。

      9.创建超链接标签，写法：

      <Name href = “URL” target = “str”>//*表示可以不写使用默认值

                    Explain

      Target指定超链接的打开方式，常见的target属性值：

      1. _self：在当前窗口或标签页中打开链接（默认值）。
      2. _blank：在新窗口或标签页中打开链接。
      3. _parent：在父窗口或框架中打开链接。
      4. _top：在整个窗口中打开链接，即移除所有框架。

      备注：target属性还可以接受一个框架的名称，例如target="frame_name" ，这样链接将在指定名称的框架中打开。

      10.标签表字符加粗强调。标签表示弱化字体。

      未完待续
avatar
文章
阅读
粉丝