前端学习笔记-html

最新推荐文章于 2024-10-10 11:00:45 发布

Babamboo

最新推荐文章于 2024-10-10 11:00:45 发布

阅读量134

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/weixin_45003922/article/details/120547173

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了HTML中的一些重要元素和特性，包括书签功能的<a>标签、图片的<img>标签及其alt属性、有序与无序列表的使用，以及页面框架的构建。通过实例展示了如何利用框架实现导航栏与内容的分离，并讲解了字符实体在HTML中的应用，确保特殊字符的正确显示。

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

1. <a 标签可以做为书签，比如某些百度文库之类的目录跳转功能，如下：

<a id="tips">这是一个书签</a>

<a href="#tips">跳转到id/name为tips的书签位置</a>

2.img 图片标签加 alt 属性，可以在图片加载失败的时候有个提示

<img src="图片路径" alt="图片加载失败，请重试">

3.有序列表，无序列表
有序列表：

<ol>
	<li>语文</li>
	<li>英语</li>
	<li>数学</li>
</ol>

无序列表：

<ul>
	<li>苹果</li>
	<li>白菜</li>
	<li>猫咪</li>
</ul>

4.框架
页面框架分割：<fremeset cols(竖切)/rows(横切)=“20%,*”> </>
框架文档：<frame

<fremeset cols(竖切)/rows(横切)="20%,*"> 
		<frame src="/xxx.html"></frame>
		<frame src="/ooo.html"></frame>
</fremeset>

导航栏在框架里面实现页面展示

<fremeset cols(竖切)="20%,*"> 
		<frame src="/xxx.html"></frame>
		<frame src="#" name="right3"></frame>
</fremeset>

xxx.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        a {color: pink;background: black;}
        #body{
        	background-color: pink;
        }
    </style>
</head>
<body id="body">
<ul>
	<li><a href="http://www.7k7k.com" target="right3"><b><i>7k7k小游戏</i></b></a></li><br/>
</ul>
</body>
</html>