HTML学习2023/10/6

HTML

HTML是什么:Hyper Text Markup Language(超文本标记语言,超文本:一种文本形式,允许通过超链接关联文字,图片,音频。视频,动画)

HTML 基础格式:

  1. 文档类型声明(Document Type Declaration)

    • 用于指定文档类型和版本,通常使用 <!DOCTYPE html>
  2. HTML 文档结构

    • 一个典型的 HTML 文档包括 <html><head><body> 元素。
    • <html> 元素包含整个文档。
    • <head> 元素包含文档的元信息,如标题、字符集声明和外部资源链接。
    • <body> 元素包含页面的可见内容。

<!DOCTYPE html>

<html>

<head>

        <meta charset="UTF-8">

        <title>网页标题</title>

</head>

<body>

        <!-- 页面内容 -->

</body>

        </html>

常用 HTML 标签:

  1. 标题标签<h1><h6> 用于定义标题的级别。

  2. 段落标签<p> 用于定义段落。

  3. 链接标签<a> 用于创建超链接。

  4. 图像标签<img> 用于嵌入图像。

  5. 列表标签

    • 有序列表:<ol><li>
    • 无序列表:<ul><li>
  6. 表格标签<table><tr><th><td> 用于创建表格。

  7. 表单标签

    • <form> 用于创建表单。
    • <input> 用于创建表单字段。
    • <button> 用于创建按钮。
    • <select><option> 用于创建下拉菜单。
    • <textarea> 用于多行文本输入。
  8. 媒体标签

    • <audio><source> 用于嵌入音频。
    • <video><source> 用于嵌入视频。
  9. 样式和分隔标签

    • <div> 用于划分文档内容的区块。
    • <span> 用于标记文档中的一部分文本。
  10. 标记和引用标签

    • <em> 用于强调文本。
    • <strong> 用于强调重要文本。
    • <blockquote> 用于引用文本块。
  11. 换行和水平线标签

    • <br> 用于强制换行。
    • <hr> 用于创建水平线。

常用 HTML 属性:

  1. idclass 属性

    • id 用于唯一标识元素。
    • class 用于指定元素的类别,可用于样式和脚本操作。
  2. srchref 属性

    • src 用于指定资源的路径,如图像和媒体文件。
    • href 用于指定超链接的目标 URL。
  3. alt 属性:用于指定图像的替代文本。

  4. widthheight 属性:用于指定图像和表格的宽度和高度。

  5. colspanrowspan 属性:用于表格单元格合并。

  6. disabled 属性:用于禁用表单字段。

  7. placeholder 属性:用于在表单字段中提供提示文本。

  8. required 属性:用于要求用户填写表单字段。

  9. target 属性:用于指定链接的打开方式,如在新窗口或当前窗口打开。

  10. rel 属性:用于指定链接的关系,如样式表、图标和搜索等。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值