HTML思维导图

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

HTML

• 什么是HTML
  • HTML是一种标记语言，用于创建网页和其他Web应用程序。HTML代表超文本标记语言，它使用标记来描述网页的结构和内容。HTML标记通常被称为标签，它们被用来定义文本、图像、链接和其他内容的外观和行为。HTML是Web开发的基础，它与CSS和JavaScript一起构成了Web技术的核心。
• HTML能干什么
  • HTML是一种标记语言，用于创建网页和其他互联网内容。它可以用来定义文本、图像、链接、表格、表单等元素的结构和布局。通过使用HTML，开发人员可以创建具有各种功能和交互性的网页，例如在线商店、社交媒体平台、新闻网站等。
• head
  • 插入网页图标<link href="文件名" rel="图片属性"
• body
  • 标题标签
    • <h1>标签名</h1>共有6级
      • align="center"标题居中，一个标题占一行
  • 段落标茶
    • <p>一段内容</p>
    • 段落间有间隔
    • style=“text-indent:2em“首行缩进2个单位
    • <br/>换行标签
  • 特殊符号
    • 空格&nbsp； 小于号&lt； 大于号&gt； 版权&copy 商标&trade； 注册商标&reg
  • 有序列表
    • <ol></ol>自动排序,自动编号
      • 属性type="1"多种编号方式
  • 无序列表
    • <ul></ul>没有序号排序
      • 属性type="circle,square,disc"
  • 超链接
    • <a>需链接的内容</a>
      • 属性href=需链接的地址”
      • 打开方式target="_blank" new Windows
      • target=”_self"在本窗口打卡
    • 锚点
      • 在要跳转到的地方建立超链接加入属性name="定艺名建立锚点
      • 在点击跳转的超链接中加入属性href=”#定义名”
  • 图片插入
    • <img src=“图片“/>
    • 图片显示不出来给用户的提示ait=“提示内容”
    • 鼠标移动到图片显示的内容title="
    • 长宽厚width height border
  • HTML表格的建立
    • table>tr*4>td*4(按table键）快速建立四行四列 <table></table>标签,在网页中开辟空间
      • tr</tr>:表格中的行 行高设定:height="Wnber"
      • <t>内容</td>：表格中的单元格
      • <th>表头</th>表格的表头（字体自动加粗居中） 行宽设定：width=”number
    • 表格中用到的属性:
      • background="img/"添加背景图片 bgcolor="”背景颜色 border="number将表格的线现出来 cellpadding="值"距边框的距离即内边距 cellspacinh=值标签间的距离即外边距 align="left.center.right水平位置 valign=top.middle.botton垂直位置的设定
    • 单元格的合并:
      • colspan="4值）属性，列合并，一列顶四列 rowspan="4（值）"属性行合并，行顶四行
      • 注意：从哪个单元格开始合井，就写在哪个中
  • HTML表单的建立
    • 表单标签form
      • 考禁干响入选择组件,用于用户填写后，提交至服
    • 在form标签的属性:
      • ction="服务器地址”method=”提交方代 nocr
    • <inputtype=“text“>单行文本输入框
      • Becgsder“请输入账号”在文本框中提示输入
      • readonly-"readonly"只读,但可提交
      • disabled="disabled”禁用，不可提交
      • id:为标签定义id号，唯一不可重复，自定义
      • size：文本框的列数
      • value:向服务器提交的值
      • name:可重复、自定业
    • <lable for-"id">账县</lable>为id定义标签，通 过点击可以选中对应的输入框
    • 单选框：type=radio 复选框：type=chｅcｋｂｏx
      • 相同点： 通过name实现分组，name相同的为一组 凡选择性组件必须基于默认值eg:value=男 默认选中：checked="checked
      • 不同点： 单选框只能选个组内相互排斥 复选框可多选
    • select下拉框
      • name属性写在select中
      • option为选项中的内容
        • selected="selected“默认选择
        • 提茶emion中的value会与selecname结合提
    • 多行文本ttextare
      • rows="number“行数
      • COlS=-number"列数
    • types“file"上传文件
      • accept=”.文件格式"限制文件格式
    • type=“reset“重置按钮，还原网页初始状态
    • type-“submir提交按钮，触发表单提交动作
    • type=”"button“普通按钮.触发事件，调用jS函数
  • 内联框架
    • 内联框架<iframe src=“嵌套窗口”></iframe>
      • 采圈日中嵌套另一个窗口，从而在窗口中引出另
      • 在创建的子窗口中定义name=“子窗口”
      • 绳过超链接target="子窗口”，使其打开方式为在 子窗口打开

HTML

• 什么是HTML
  • HTML是一种标记语言，用于创建网页和其他Web应用程序。HTML代表超文本标记语言，它使用标记来描述网页的结构和内容。HTML标记通常被称为标签，它们被用来定义文本、图像、链接和其他内容的外观和行为。HTML是Web开发的基础，它与CSS和JavaScript一起构成了Web技术的核心。
• HTML能干什么
  • HTML是一种标记语言，用于创建网页和其他互联网内容。它可以用来定义文本、图像、链接、表格、表单等元素的结构和布局。通过使用HTML，开发人员可以创建具有各种功能和交互性的网页，例如在线商店、社交媒体平台、新闻网站等。
• head
  • 插入网页图标<link href="文件名" rel="图片属性"
• body
  • 标题标签
    • <h1>标签名</h1>共有6级
      • align="center"标题居中，一个标题占一行
  • 段落标茶
    • <p>一段内容</p>
    • 段落间有间隔
    • style=“text-indent:2em“首行缩进2个单位
    • <br/>换行标签
  • 特殊符号
    • 空格&nbsp； 小于号&lt； 大于号&gt； 版权&copy 商标&trade； 注册商标&reg
  • 有序列表
    • <ol></ol>自动排序,自动编号
      • 属性type="1"多种编号方式
  • 无序列表
    • <ul></ul>没有序号排序
      • 属性type="circle,square,disc"
  • 超链接
    • <a>需链接的内容</a>
      • 属性href=需链接的地址”
      • 打开方式target="_blank" new Windows
      • target=”_self"在本窗口打卡
    • 锚点
      • 在要跳转到的地方建立超链接加入属性name="定艺名建立锚点
      • 在点击跳转的超链接中加入属性href=”#定义名”
  • 图片插入
    • <img src=“图片“/>
    • 图片显示不出来给用户的提示ait=“提示内容”
    • 鼠标移动到图片显示的内容title="
    • 长宽厚width height border
  • HTML表格的建立
    • table>tr*4>td*4(按table键）快速建立四行四列 <table></table>标签,在网页中开辟空间
      • tr</tr>:表格中的行 行高设定:height="Wnber"
      • <t>内容</td>：表格中的单元格
      • <th>表头</th>表格的表头（字体自动加粗居中） 行宽设定：width=”number
    • 表格中用到的属性:
      • background="img/"添加背景图片 bgcolor="”背景颜色 border="number将表格的线现出来 cellpadding="值"距边框的距离即内边距 cellspacinh=值标签间的距离即外边距 align="left.center.right水平位置 valign=top.middle.botton垂直位置的设定
    • 单元格的合并:
      • colspan="4值）属性，列合并，一列顶四列 rowspan="4（值）"属性行合并，行顶四行
      • 注意：从哪个单元格开始合井，就写在哪个中
  • HTML表单的建立
    • 表单标签form
      • 考禁干响入选择组件,用于用户填写后，提交至服
    • 在form标签的属性:
      • ction="服务器地址”method=”提交方代 nocr
    • <inputtype=“text“>单行文本输入框
      • Becgsder“请输入账号”在文本框中提示输入
      • readonly-"readonly"只读,但可提交
      • disabled="disabled”禁用，不可提交
      • id:为标签定义id号，唯一不可重复，自定义
      • size：文本框的列数
      • value:向服务器提交的值
      • name:可重复、自定业
    • <lable for-"id">账县</lable>为id定义标签，通 过点击可以选中对应的输入框
    • 单选框：type=radio 复选框：type=chｅcｋｂｏx
      • 相同点： 通过name实现分组，name相同的为一组 凡选择性组件必须基于默认值eg:value=男 默认选中：checked="checked
      • 不同点： 单选框只能选个组内相互排斥 复选框可多选
    • select下拉框
      • name属性写在select中
      • option为选项中的内容
        • selected="selected“默认选择
        • 提茶emion中的value会与selecname结合提
    • 多行文本ttextare
      • rows="number“行数
      • COlS=-number"列数
    • types“file"上传文件
      • accept=”.文件格式"限制文件格式
    • type=“reset“重置按钮，还原网页初始状态
    • type-“submir提交按钮，触发表单提交动作
    • type=”"button“普通按钮.触发事件，调用jS函数
  • 内联框架
    • 内联框架<iframe src=“嵌套窗口”></iframe>
      • 采圈日中嵌套另一个窗口，从而在窗口中引出另
      • 在创建的子窗口中定义name=“子窗口”
      • 绳过超链接target="子窗口”，使其打开方式为在 子窗口打开