HTML-文字标记 超链接锚点

简介: 在网页中文本都是用标记包住的文字效果<!-- 文档规范引用 --><html> <head> <meta charset="utf-8" /> <title>嘻嘻哈哈</title> </head> <body> <!-- <f...

在网页中文本都是用标记包住的
文字效果

<!-- 文档规范引用 -->
<html>
    <head>
    <meta charset="utf-8" />
    <title>嘻嘻哈哈</title>
    </head>
    
     <body>
       <!-- <font>文字效果标签 color颜色参数 face字体选择参数 size字体大小参数 需要下载没有就显示不出来-->
     <!-- <u>下划线标签效果标签 -->
     <!-- 用标记不是看呈现效果,要看标记的作用 -->
     <!-- <p>段落标记说明这是一段话,会根据屏幕大小调整显示 -->
     <!-- <b>粗体和强调不一样 强调捕获的时候就知道他是一个强调 粗体只是效果 -->
     <!-- <i>标记斜体<var>斜体, <q>标记引用符号 “号 -->
     <!-- <big>效果标记凸显的大一点 -->
     <!-- <small>将文字缩小一点 -->
     <!-- <s>标记删除线标记 -->
     <!-- <sub>下沉标记 <sup>上浮标记 例如平方啊就可以使用上浮标记 -->
     <!-- <code>标记整体凸小</code> -->
     <!-- <pae>标记 域格式化文本 你里面写的什么样呈现就是什么样 按原样输出很少用-->
    <!-- <del>删除标记和<s>一样 不过有属性 有属性cite删除原因 datetime删除时间 -->
    <h1>我是标题</h1>
    <p><strong>无敌是多么多么寂寞</strong>,嘻嘻哈哈</p>    
    <p><s>我有一头小毛驴</s>我从来都不骑</p>
    <p><sub>亚美</sub>得我还是个<sup>孩子</sup></p>
    <p><b><i>一入</i>程序<q>深</q>似海</b>,十年不见<big>女朋</big>友,哈哈哈哈</p>
    public void hello(){<br/>
        
    }<br />
    <pre>
        嘻嘻嘻
        哈哈
    <font color="crimson" face="small fonts" size="5">Wanderlust</font>
    </pre>
    <del cite="www.删除介绍网站" datetime="20190417">我被删除了</del>
    </body>
</html>

效果标记

<!-- 文档规范引用 -->
<html>
    <head>
    <meta charset="utf-8" />
    <title>嘻嘻哈哈</title>
    </head>
     <body>
    <!-- <br>换行 -->
    <!-- h1到h6文本标题大小 h标记标题 方便爬虫查找 h标记就是标题--> 
    <!-- <addr title="xx">缩写介绍说明标记,当光标指向美国就会出现xx -->
    <!-- <address>地址标签 让捕获地址标签  捕获标签-->
    <!-- <strong>强调标记方便捕捉的时候知道那个是重点 -->
    <p><addr title="xx">美国<addr>的<u>Wanderlust</u> 
    <address>
        新疆鸟市
    </address>
    >Wanderlust</font>
    </body>
</html>

超级链接标记
a标记 1.锚点 2.超级链接
路径描述

        绝对路径 从跟上开始 win 就是盘符开始 linux /就是根目录开始 绝对路径是死路径
        相对路径  写你的工程文件的具体路径即可 不能写/ /是从根目录上查找
<!-- 文档规范引用 -->
<html>
    <head>
    <meta charset="utf-8" />
    <title>嘻嘻哈哈</title>
    </head>
     <body>
         <!-- href链接地址 推荐用相对路径 -->
         <!-- < target>窗口显示操作标签  也-->
         <!-- _blank参数每次都打开新的页面 -->
         <!-- _parent父窗口显示 -->
         <!-- title参数提示文本 -->
        <!-- 扔锚点<a name="m1"/> -->
        <!-- <a href="#m1">第一章</a> 链接锚点 当点击你的第一章时候他就会跳到你扔的锚点 -->
        <!-- 也可以跳别人了网站例如 <a href="http//www.kaige123.com/index.html/#a"></a> -->
        <a href="test.jpg" target="_blank" title="你好啊">点我啊</a>
        <a href="#m1">第一章</a> 
        <a href="#m2">第二章</a>
        <a href="#m3">第三章</a>
        <a href="#m4">第四章</a>
        <h2>第一章</h2><a name="m1"/>
        <p>情侣套图可谓是火遍了大江南北啊!别误会我今年不更新套图,</p>
        <h2>第二章</h2><a name="m2"/>
        <p>情侣套图可谓是火遍了大江南北啊!别误会我今年不更新套图,</p>
        <h2>第三章</h2><a name="m3"/>
        <p>情侣套图可谓是火遍了大江南北啊!别误会我今年不更新套图,</p>
        <h2>第四章</h2><a name="m4"/>
        <p>情侣套图可谓是火遍了大江南北啊!别误会我今年不更新套图,</p>
    </body>
</html>
目录
相关文章
|
17天前
|
前端开发
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
17 0
基于canvas实现的彩色纸屑组成文字3d动画HTML源码
|
23天前
html实现的破碎拼接文字动画特效代码
html实现的破碎拼接文字动画特效代码是一段会自动产生文字依次破碎再拼接的效果,非常的炫。欢迎对此段代码感兴趣的朋友前来下载使用。
21 1
|
2月前
|
JavaScript 前端开发 UED
HTML 超链接的多种类型及应用
【10月更文挑战第17天】HTML 超链接类型丰富多样,它们共同构成了网页中不可或缺的导航和交互元素。通过合理地选择和运用这些超链接类型,我们可以为用户创造更加流畅和便捷的浏览体验,提升网站的可用性和吸引力。
69 1
|
2月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
45 2
|
3月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
56 13
|
3月前
HTML的超链接
HTML的超链接。
43 6
html,web页面朗读文字,朗读中文,朗读英文
html,web页面朗读文字,朗读中文,朗读英文
|
4月前
|
移动开发 HTML5
HTML5文档头部相关标记
【8月更文挑战第28天】HTML5文档头部相关标记。
41 1
|
4月前
HTML标记 和标记的属性
【8月更文挑战第28天】HTML标记 和标记的属性。
53 1
|
4月前
|
前端开发 程序员
HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)
一年一度的520情人节/七夕情人节/女朋友生日/程序员表白,是不是要给女朋友或者正在追求的妹子一点小惊喜呢,今天这篇博客就分享下前端代码如何实现HTML+CSS+JavaScript制作七夕表白网页(含音乐+自定义文字)。赶紧学会了,来制作属于我们程序员的浪漫吧!
106 0
HTML+CSS+JavaScript制作动态七夕表白网页(含音乐+自定义文字)