WEB基础

原创

已于 2022-02-18 10:02:15 修改 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html

于 2022-02-10 16:39:57 首次发布

本文详细介绍了HTML的基础知识，包括HTML的超文本标记语言概念，基本结构，文本、列表、图片、链接、表格、表单的使用方法，以及样式控制如块元素和行元素的特性。此外，还讲解了如何创建和使用表单元素，如文本框、密码框、单选按钮、多选按钮，以及文件上传、下拉列表、多行文本框等，并探讨了框架和网页嵌套的概念。

做网页的顺序：先分块定位再写内容

HTML

一、HTML:超文本标记语言

二、基本结构

<!doctype html>
<html lang="en">
 <head>
 <meta charset="utf-8">
 <title>网页标题</title>
 </head>
 <body>
 网页正文
 </body>
</html>

三、标记分类
 1.按照是否有子元素或内容
 单标记:<标记名称>
 双标记:<标记名称>..</标记名称>
 2.按照是否自动换行
 行元素:不自动换行,宽度是文本宽度
 块元素:自动换行,宽度是父级的100%

四、注释

五、文本标记
 加粗 
 倾斜 
 下划线 
 删除线 <s></s>
 上标 
 下标 
 文本

六、块元素
 段落 
 标题字 <h1~6 align="水平对齐方式left|center|right"></h1~6>
 分割线 <hr color="颜色" width="宽度" size="粗细" align="">
 强制换行

七、实体
 大于号 >
 小于号 <
 双引号 "
 单引号 '
 空格  
 连接符 &
 版权 ©
 注册商标 ®

一、列表
 1.无序列表
 <ul type="disc|circle|square">
 <li></li>
 ..
 </ul>
 2.有序列表
 <ol type="1|a|A|i|I" start="数字">
 <li></li>
 ..
 </ol>
 3.自定义列表
 <dl>
 <dt></dt>
 <dd></dd>
 ..
 </dl>

二、图片
<img src="图片路径" alt="不显示提示信息" title="显示鼠标停留提示信息" width="宽度" height="高度" border="边框">

三、路径
   1.绝对路径
       协议名称://主机名称/文件夹/文件全称
       http://www.baidu.com/aaa/bbb/01.jpg
   2.相对路径
       (1)同级
           文件名
           ./文件名
       (2)下一级
       &nb