美文网首页
HTML入门指南重点知识

HTML入门指南重点知识

作者: wg689 | 来源:发表于2022-03-06 19:41 被阅读0次

使用的教程

HTML 简介

image.png

HTML 编辑器

image.png

HTML 基础

  • HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。
  • HTML 段落是通过标签 <p> 来定义的。
  • HTML 链接是通过标签 <a> 来定义的。 <a href="https://www.runoob.com">这是一个链接</a>
  • HTML 图像是通过标签 <img> 来定义的. <img src="/images/logo.png" width="258" height="39" />

HTML 元素

  • 不要忘记结束标签


    image.png

HTML 属性

HTML 标题

  • 标题(Heading)是通过 <h1> - <h6> 标签进行定义的。
  • <h1> 定义最大的标题。 <h6> 定义最小的标题。

  • 标签在 HTML 页面中创建水平线。
  • 这个是注释

HTML 段落

  • 段落是通过 <p> 标签定义的。
  • 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
    标签:
  • 对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
image.png

HTML 文本格式化

image.png

HTML 链接

  • HTML 链接 - target 属性


    image.png
image.png

** HTML <head>

  • HTML <head> 元素
  • HTML <title> 元素
    • 定义了浏览器工具栏的标题
    • 当网页添加到收藏夹时,显示在收藏夹中的标题
    • 显示在搜索引擎结果页面的标题

HTML <base> 元素

  • <base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:

HTML <link> 元素

  • <link> 标签定义了文档与外部资源之间的关系。


    image.png

HTML CSS

image.png

https://www.runoob.com/try/try.php?filename=tryhtml_styles

HTML 图像

  • alt 属性用来为图像定义一串预备的可替换的文本。

HTML 表格

https://www.runoob.com/html/html-tables.html

HTML 列表

HTML <div> 和<span>

HTML 布局

HTML 字符实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。

相关文章

网友评论

      本文标题:HTML入门指南重点知识

      本文链接:https://www.haomeiwen.com/subject/hfdwrrtx.html