HTML学习笔记

最新推荐文章于 2024-10-11 16:26:01 发布

m0_45275473

最新推荐文章于 2024-10-11 16:26:01 发布

阅读量79

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/m0_45275473/article/details/117450565

版权

一、常用标签

定义强调文本把文本定义为语气更强的强调的内容。
 定义粗体字
 定义强调文本把文本定义为强调的内容。
 定义下划线文本
 定义简单的折行
<hr> 定义水平线
Img 定义图像
<!DOCTYPE> 定义文档类型。
<html> 定义一个 HTML 文档
<title> 为文档定义一个标题
<body> 定义文档的主体
<h1> to <h6> 定义 HTML 标题
 定义一个段落
 定义简单的折行。
<hr> 定义水平线。

meta - 设置网页元数据的标签（网页设置性的操作）

title - 设置网页标题

style - 导入样式表的标签(CSS)，head和body中都可以使用

link - 导入外部文件(设置网页图标、导入外部样式表)； head和body中都可以使用但是设置图标的功能只能在head中实现。

二、块级元素与行内元素

行内元素
　　行内元素最常使用的就是span，其他的只在特定功能下使用，修饰字体和标签，还有和这两个标签可以直接做出平方的效果，而不需要类似移动属性的帮助，很实用。
　　行内元素特征：(1)设置宽高无效
　　　　　　　　　(2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间
　　　　　　　　　(3)不会自动进行换行
块状元素
块状元素代表性的就是div，其他如p、nav、aside、header、footer、section、article、ul-li、address等等，都可以用div来实现。不过为了可以方便程序员解读代码，一般都会使用特定的语义化标签，使得代码可读性强，且便于查错。
　　块状元素特征：(1)能够识别宽高
　　　　　　　　　(2)margin和padding的上下左右均对其有效
　　　　　　　　　(3)可以自动换行
　　　　　　　　　(4)多个块状元素标签写在一起，默认排列方式为从上至下

三、实体元素

在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
HTML 中有用的字符实体
§ 小节 §
© 版权（copyright） ©
® 注册商标 ®
™ 商标 ™
× 乘号 ×
÷ 除号 ÷
§ 小节 §
© 版权（copyright） ©
® 注册商标 ®
™ 商标 ™
× 乘号 ×
÷ 除号 ÷

四、相对路径与绝对路径

绝对路径，从根目录为起点到你所在的目录；
相对路径，从一个目录为起点到你所在的目录。
例如：
             ┍ A文件夹
          C -|
             ┕ B文件夹
绝对路径： C:\A文件夹
相对路径（如果你在B文件夹时）： ..\B文件夹  （‘..\’向上一级意思）
五、超链接与图片标签

图像标签
语法：
<img src="" alt="".../>
img属性
属性 值 描述
src（必写） URL 显示图像的URL
alt 文字 图像替代文本
height 数值和百分比 图像的高
width 数值和百分比 图像的宽
HTML路径分为：相对路径和绝对路径
相对路径：要从父级开始写，直到找到这个文件。例如：在E盘时：
<img src="E:/HTML/图像与超链接/img/html.jpg" />
相对路径：图像相对于网页的路径。
*当图片在img文档里面，文档与文件在同一级的时候可以表现为（）：
<img src="img/1.jpg" alt="图像与超链接" width="15%" height="15%"/>
*图片与文件在同一个文档的时候可以表现为（也就是直接写图片名字就好）：
<img src="1.jpg" alt="图像与超链接" width="15%" height="15%"/>
*图片在文件父级的时候可以表现为：
<img src="../1.jpg" alt="图像与超链接" width="15%" height="15%"/>
超链接标签
语法：
<a href="">内容</a>
属性
href 链接地址
target 链接的目标窗口 _self _blank _top _parent
title 链接提示文字
name 链接命名

六、列表标签

无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>