HTML4.01

最新推荐文章于 2023-01-07 16:43:22 发布

lvjingjie1

最新推荐文章于 2023-01-07 16:43:22 发布

阅读量142

点赞数

分类专栏：前端HTML 文章标签： html 前端 css

本文链接：https://blog.csdn.net/lvjingjie1/article/details/121532175

版权

本文是关于HTML4.01的基础知识笔记，涵盖了文本、图像、超链接、表格、列表、表单等核心内容。讲解了双标签关系、文本格式化、超链接的分类与属性、表格结构及样式、表单元素的使用等，强调了Web标准的结构、表现和行为相分离原则。同时，介绍了资源引用的相对路径和绝对路径，以及查阅文档的常用网站。

摘要由CSDN通过智能技术生成

HTML4.01

注：观看pink老师的视频写的笔记，侵权请联系删除

文本-》图片-》超链接-》表格-》列表-》表单

1.先听与看，再动手练习，分享交流。

聆听，沉淀，传播。

2.超文本的两层含义：超越文本限制，超级链接文本。

3.web标准的构成：结构，表现和行为，最佳体验方案：结构，样式，行为相分离。

4.双标签的关系分为包含关系和并列关系。

基础标签

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

中文网页：lang=“zh-CN”

5.标题标签h1-6：显示特点文字加粗，字号变大，独占一行。

6.段落标签p：显示特点：会根据浏览器窗口的大小自动换行，段落和段落之间有空隙。

6.换行标签br：单标签，显示特点：强制换行显示，没有空隙。

7.单标签一般要空一个空格写反斜杠。

8.文本格式化标签：加粗strong，倾斜em，删除线del，下划线ins

9.图像标签img：属性：src（必须），alt（替换文本，要写），title（提示文本），width，height，border（一般在css的时候使用）宽度和高度只要设置数字，只设置宽度或高度让它等比例缩放，不会失真，不是裁剪

<img src="" alt="" />

<img src="" alt="" title="" />

<img src="" alt="" width="" height=""/>

11.相对路径：以引用文件所在位置为参考基础，同一级不用写，下一级/，上一级…/，（用反斜杠），（从代码所在的这个文件出发，去寻找目标文件）。经常使用

12.绝对路劲：从盘符开始（用斜杠）或者完整的网络地址（用反斜杠）。

13.超链接标签a：属性：href（必须，url地址），target（打开窗口的方式，默认值当前窗口下划线self；新窗口_blank）

显示特点：字体蓝色，有下划线

分类：外部链接（http://www.xxx.com），内部链接（页面名称），空连接（href="#"），下载链接（压缩包文件名字），网页元素超链接（各种网页元素都可以添加链接）,锚点链接（快速定位到页面的某个位置）

<a href=""></a>

<a href="" target="_blank"></a>

<a href="" target="_blank"><img src="" /></a>

锚点链接：a.href的属性值#名字，b.目标位置标签添加id属性=刚才的名字(同一个页面)

<a href="#two"></a>
<h3 id="two">XXX</h3>

14.注释和特殊字符

注释，快捷键ctrl+/,便于开发人员理解和阅读代码，不会执行不显示

<!-- -->

特殊字符：

空格 &nbsp; 小于 &lt; 大于 &gt;

15.表格标签table>tr>td，table的属性（写在table里面）align（left，center，right），border（“数字”或默认“”），cellpadding（像素值，默认1px），cellspacing（像素值，默认2px），width（像素值或百分比），height（像素值或百分比），不用加px；通常通过css。

作用：显示，展示数据

显示特点：无边框，靠左

表头单元格：th，显示特点：加粗居中

合并单元格：a.跨行合并：rowspan=“个数”；跨列合并：colspan=“个数”。b.目标单元格：跨行：最上侧写合并代码；目标单元格：跨列：最左侧写合并代码。c.删除多余的单元格