html精简总结

最新推荐文章于 2024-04-22 11:13:38 发布

榴莲刺刺

最新推荐文章于 2024-04-22 11:13:38 发布

阅读量509

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签： html 前端 it

本文链接：https://blog.youkuaiyun.com/YYYYYcici/article/details/90162899

前端学习专栏收录该内容

1 篇文章

订阅专栏

这篇博客是对HTML的基础知识进行的精简总结，包括标准属性、链接和图片插入、字符实体、列表、表格以及表单的使用。重点介绍了常用标签及其属性，如`<meta>`、`<title>`、`<body>`、`<a>`、`<img>`、`<ul>`、`<ol>`、`<table>`、`<form>`等，帮助读者快速掌握HTML的基本结构和元素。

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

html精简总结

第一部分标准属性
新建html网页
打开后基本框架，如下图在这里插入图片描述

<!doctype html > 指定文档类型（可有可无，在网页查看源代码时自动出现）
< html> 全文只有一对，为主体，子标签写在内部
< head> 配置属性
< meta > 用来在http协议的响应头报文（属性：name、charset。略复杂，省）
< meta charset=”utf-8” > 指定字符集编码
< title> 标题栏
< body> 正文
< h#></h#> 文本标题，六个级别，逐渐减小
< p >< /p > 段落标记
< i >< /i > < em>< /em > 倾斜
< b>< /b > < strong>< /strong> 加粗
< sub>…内容…< /sub > 下标
< sup >…内容…< sup> 上标
< del >…内容…< /del > 删除
< u>< /u> < ins>< /ins> 下划线
< br/> 空标记，设置字体换行
< hr/> 水平线，用于内容分割
< div> 块元素
< span> 行元素
< !–…内容…–> 注释

链接和图片的插入
< a href=”#”> 空链接,不跳转
< a href=”文件路径及全称/链接地址” >链接文本或图片超链接
< img src=”相对路劲及全称（放在创建的文件夹）”/>
alt=”描述文本”
title=”提示文本” 鼠标移动该位置时出现的内容
target=”_self/_blank” 链接显示方式，_self仍在本页显示，_blank跳转到下一页
可插入标签内设置

字符实体
&nbsp ; 不换行空格
&gt ; 右尖括号
&lt ; 左尖括号
&copy ; 备案图标

列表
无序列表
< ul>
     < li>…内容…< /li>
     < li>…内容…< /li>
    < li>…内容…< /li>
< /ul>
有序标签
< ol>
    < li>…内容…< /li>
    < li>…内容…< /li>
     < li>…内容…< /li>
< /ol>
自定义
< dl>
     < dt >…名词…< /dt >
     < dd>…解释….< /dd>

第二部分表格
< talbe>
    < tr> --------表示一行
         < td>< /td> --------表示一个单元格
    < /tr>
< /table>
属性
< table >
width=”表宽”
Height=”表高”
Border=”表边框”
Bordercolor=”表边框颜色”
Cellspacing=”表框边距”
Cellpadding=”单元格与内容间隙”
< td>
Align=”表格对其方式”
Valign=”垂直对其”
Colspan=”要合并的列数num”
Rowspan=” 要合并的行数num”

第三部分表单
< form name=”表单名称” method=”post/get” action=””>< /form>  表单域（圈地）
< inout type=”text” value=”默认值”/>   文本框
< input type=”password”/>    密码框
< input type=”reset” value=”显示内容”/>    重置
< input type=”radio” name=”xxx(必填)”/> 单选框
< input type=”checkbox/disabled” name=”显示内容”>
          复选框(checkbox=”checked”默认选中；disabled=”disabled”禁用)
< input type=”submit” value=”显示内容”/>    按钮（跳转）
< textarea cols=”高度、宽度” rows=”单位字符”>显示内容
  多行文本框
< select>
    < option>显示选项1< /option>
    < option>显示选项2< /option>
    < option>显示选项3< /option>
    ……
< /select>   下拉菜单选择

案例：
在这里插入图片描述