用HTML制作blogger博客文章目录索引

  1. 基础知识
  2. 示例
  3. 其他术语解释

基础知识: 

HTML超文本标记语言是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。

 完整学习HTML可能需要几天时间,但是本文只用两个标签做一个文章目录索引。<a></a>和<li></li>

<a>:锚元素

HTML <a> 元素(或称锚元素)可以通过它的 href 属性创建通向其他网页、文件、电子邮件地址、同一页面内的位置或任何其他 URL 的超链接。

<li>

HTML <li> 元素 (或称 HTML 列表条目元素) 用于表示列表里的条目。它必须包含在一个父元素里:一个有序列表 (<ol>),一个无序列表 (<ul>),或者一个菜单 (<menu>)。在菜单或者无序列表里,列表条目通常用点排列显示;在有序列表里,列表条目通常在左边显示按升序排列的计数,例如数字或者字母。

示例:

将blogger编辑器工具栏最左边的铅笔图标(撰写视图)改选为<>(HTML视图)

<ol>

  <li><a href="#111"> 基础知识: </a></li>

  <li><a href="#222"> 示例: </a></li>

  <li><a href="#333"> 其他术语解释:</a></li>

</ol>

 在文本中显示为:

  1. 基础知识
  2. 示例
  3. 其他术语解释

记得修改一下,将文章中的“基础知识:”“示例:”“其他术语解释:”的文字,加上“111,222,333”的id。

<p id="111">基础知识:</p>

<p id="222">示例:</p>

<p id="333">其他术语解释:</p>

其他术语解释:

href:href 属性规定链接指向的页面的URL。 href 属性的值可以是任何有效文档的相对或绝对URL,包括片段标识符和JavaScript 代码段。# 表示同页跳转

<P>元素表示文本的一个段落。

id:表示着标签的身份

可以通过Google学习HTML

学习HTML的网站

使用 HTML 组织网站内容 - 学习 Web 开发 | MDN (mozilla.org)

HTML <h1> – <h6> 标签 | 菜鸟教程 (runoob.com)

关联文章:

YouTube视频库存生产安排|念头,想法用社区贴|视频实验和简短的事情用shorts|中段题材用博客和十分钟的视频|大的题材用博客,三十分钟以上的视频和播放列表,慢慢制作|@greysonzhang视频生产方法 (yes2023sea.blogspot.com)

 理工类up主油管YouTube频道推荐第一期1~5|此地无垠:双车十万公里耐久测试上汽通用泛亚研发中心| 易车原创节目Yiche Original|云盾数据恢复中心 |修电脑的张哥|Primitive Technology原始技术野外生存 

口播类up主YouTube油管频道推荐第一期1~5|新up主口播类频道案例学习 

小语种YouTuber进入欧美主流市场|用视听代替语言|李子柒|滇西小哥|办公室小野|Travel Alone Idea|龙梅梅Longmeimei|하루한끼 one meal a day|Wow Art|卓别林K-POP和哑剧默剧 

 英语日记20221108构词法 

网页翻译插件&YouTube双语字幕插件 (english2022yes.blogspot.com)

 英国自然拼读/字母表PDF图片/44音素发音网站/老师介绍 











沒有留言:

張貼留言