HTML知识基础语法篇(7)

最新推荐文章于 2023-10-06 20:56:39 发布

KeepTec

最新推荐文章于 2023-10-06 20:56:39 发布

阅读量306

点赞数 2

分类专栏： HTML5 编程前端文章标签： html html5

本文链接：https://blog.csdn.net/BlankPaper1/article/details/106040787

版权

编程同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

HTML5

12 篇文章 0 订阅

订阅专栏

前端

12 篇文章 0 订阅

订阅专栏

HTML基础知识

第七篇主体内部标签

23∼29

目录列表——<dir>…</dir>
通常用于设计一个压缩窄列的列表
语法：
<dir>
<li></li>
</dir>
[1].设置列表文字颜色——color
语法：
<li><font color=“颜色代码” </font></li>
也可以整体设置
<ul><font color=“颜色代码”>
<li></li>
</font>
</ul>
列表可以嵌套
超链接的建立——<a>…</a>
语法：
<a href=“文件名”>链接元素</a>或<a href=“url”>连接元素</a>
[1].设置超链接的目标窗打开方式
语法：
<a href=“链接地址” target=目标窗口打开的方式>链接元素</a>
新窗口打开方式：
_parent:在上一级窗口打开，一般常用在分帧的框架页中
_blank:在新窗口中打开
_self:在同一窗口中打开，可省略
_top:在浏览器的整个窗口打开，忽略任何框架
建立书签
语法：
<a name=“书签名称”>文字</a>
书签名称就是对于后面要跳转所创建的书签，而文字则是设置链接后跳转的位置
链接到同一页面的书签
语法：
<a href="#书签的名称">链接文字</a>
书签名称就是刚才所定义的书签名也就是name的赋值而,#则代表这是书签的链接地址，示例代码：

<!doctype html>
<html>
    <head>
        <meta charset="zh-cn">
        <title>内部标签</title>
    </head>
    <body>
        <center>
            <ul>
                <li><a href="#1">链接位置1</a></li>
                <li><a href="#2">链接位置2</a></li>
                <li><a href="#3">链接位置3</a></li>
            </ul>
        </center>
        <br><br><br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <a name="1">链接位置1</a><br>
            寻寻觅觅，冷冷清清，<br>
            凄凄惨惨戚戚。乍暖还寒时候，<br>
            最难将息。三杯两盏淡酒，怎敌他、<br>
            晚来风急！雁过也，正伤心，却是旧时相识。<br>
            满地黄花堆积，憔悴损，如今有谁堪摘？<br>
            守着窗儿，独自怎生得黑！梧桐更兼细雨，<br>
            到黄昏、点点滴滴。这次第，怎一个愁字了得！<br>
        </center>
        <br><br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <a name="2">链接位置2</a><br>
            薄雾浓云愁永昼，瑞脑消金兽。<br>
            佳节又重阳，玉枕纱厨，<br>
            半夜凉初透。 东篱把酒黄昏后，<br>
            有暗香盈袖。莫道不销魂，<br>
            帘卷西风，人比黄花瘦。<br>
        </center>
        <br><br><br><br><br><br><br><br><br><br><br><br>
        <center>
            <a name="3">链接位置3</a><br>
            藤床纸帐朝眠起，说不尽无佳思。<br>
            沈香断续玉炉寒，伴我情怀如水。<br>
            笛声三弄，梅心惊破，多少春情意。<br>
            小风疏雨萧萧地，又催下千行泪，<br>
            吹箫人去玉楼空，肠断与谁同倚。<br>
            一枝折得，人间天上，没个人堪寄<br>
        </center>
    </body>
</html>

链接到不同页面的书签
语法：
<a href=“链接的文件地址#书签名称”>链接文字</a>
外部链接
语法：
<a href="">链接文字</a>
href的值：
http://进入万维网
ftp://通过FTP访问文件传输系统
telnet://启动telent
mailto://直接启动邮件系统
语法：
<a href=“mailto:电子邮件地址”>链接文字</a>
mailto标签的参数：
CC：抄送收件人：语法：<a href=“mailto:电子邮件地址?CC=电子邮件地址”>链接文字</a>
Subject：电子邮件主题：语法：<a href=“mailto:电子邮件地址?Subject=主题文字”>链接文字</a>
BCC：暗送收件人：语法：<a href=“mailto:电子邮件地址?BCC=电子邮件地址”>链接文字</a>
Body：电子邮件内容：语法：<a href=“mailto:电子邮件地址?Body=邮件内容”>链接文字</a>
这些参数可以没有，也可以同时设置几个，在带有多个参数时需要用&符号对参数进行分隔
下载文件
浏览器会自动判断文件的类型，以便做出不同情况的处理
语法：
<a href=“文件所在地址”>链接文字</a>
示例代码：

<!doctype html>
<html>
    <head>
        <meta charset="zh-cn">
        <title>下载</title>
    </head>
    <body topmargin="330" leftmargin="130">
        <center>
            <font size="+3">
        <a href="https://www.huorong.cn/downloadfullv5.html?1563359375">火绒下载</a>
    </font>
        </center>
    </body>
</html>

以上代码示例自己可以在VSCode或DW中运行看下效果 *每天晚上21:00更新，有时会提前更新，原创cyz*