HTML标签

最新推荐文章于 2023-07-14 18:04:08 发布

秃头小C-

最新推荐文章于 2023-07-14 18:04:08 发布

阅读量99

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_45258555/article/details/117451030

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.常用标签
加粗
斜体
下划线
<s>删除</s>
段落标签
<a>跳转页面</a>
<h>标题</h>
2.块级元素和行内元素
行内元素：与其他行内元素并排,不能设置宽高，默认的宽度就是文字的宽度。
块级元素：霸占一行，不能与其他任何元素并列，能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。
通过display属性将块级元素(比如div)和行内元素进行相互转换。
3.实体元素
在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体。
4.超链接与图片标签
图片标签
语法：
属性：
　　　　(1): src：指定要显示的图片路径
　　　　(2): width：设置图片的宽度，以像素px为单位，也可以省略单位
　　　　(3): height：设置图片的高度
　　　　(4): title：用来设置图片的标题，当鼠标悬停在图片上方是出现
　　　　(5): alt：用来设置图片加载失败之后的提示文本
超链接标签
语法：<a>超链接内容</a>
属性：herf：必填属性，指定链接地址，当属性为空 “”，表示跳转至当前页，包含网络请求，相当于刷新界面。如果属性为 “#”，表示当前页，不包含网络请求，因此没有刷新。
　　　target：设置目标文件的打开方式，指的是是否新建窗口打开，默认在当前窗口打开目标文件。
取值：_self 默认值，在当前窗口打开
　　　_blank 新建窗口打开
5.相对路径与绝对路径
绝对路径：要从父级开始写，直到找到这个文件。
例如：在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%”/>
6.列表
无序列表是一个项目的列表，此列项目使用粗体圆点进行标记。无序列表始于 <ul> 标签。
有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。
自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以<dl> 标签开始。

简单代码示例：

<body>
    <h1>《糖醋排骨的制作方法》</h1>
    <p><b>菜名名称：糖醋排骨</b></p>
    <p><b>市场价格：</b>26</p>
    <p><b>会员价格：</b>
    <span style="color:red">24</span></p>
    <p><b>使用配料：</b>排骨，糖，醋</p>
    <p><b>菜品类型：</b>炒菜</p></body><br>
    <p><b><u><i>做法：</i></u></b></p>
    <ol>
        <li>猪小排洗净,晾干水份备用;</li>
        <li>锅内倒少量油,烧热芝后爆香萎片;</li>
        <li>放入排骨,一直境炒到排骨变色君,表面金黄微焦;</li>
        <li>此时就可以放入黄金比例中的调料了,顺序是"先放一汤勺料酒,接着两汤勺酱油,三汤勺米酷最后四汤勺白糖,炒匀;</li>
        <li>再倒入能没过排骨的开水,调中小火购20分钟;</li>
        <li>20分钟后调入盐,并大火收汗,收到汁浓色亮时,撷入芝麻点辍即可出锅,锅里剩下的姜片丢掉不用,最后大火收十时注意多翻动锅内的排骨,避免烧焦哟!</li>
    </ol>
    <hr/>
    <p>&copy;2015阿婆私房菜</p>
</body>
```![在这里插入图片描述](https://img-blog.csdnimg.cn/2021060214260452.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjU4NTU1,size_16,color_FFFFFF,t_70#pic_center)

秃头小C-

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签

1.常用标签加粗斜体下划线删除段落标签 #独占一个段落标题1 #就是单独个一个水平线**2.块级元素和行内元素**行内元素：与其他行内元素并排不能设置宽高，默认的宽度就是文字的宽度块级元素：霸占一行，不能与其他任何元素并列。能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。通过display属性将块级元素(比如div)和行内元素进行相互转换。**3.实体元素**在 HTML 中，某些字符是预留的
复制链接

扫一扫