HTML初心自学记录（四）列表超链接

今天也是好多废话的一天呢（被打

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>列表&超链接</title></head><body><br><nav id="nav"><ol type="I"><li><a href="#ul">无序列表</a></li><li><a href="#ol">有序列表</a></li><li><a href="#dl">描述列表</a></li><li><a href="#url">超链接</a></li></ol></nav><div id="ul"><header><h2>无序列表</h2></header><section><ul><li>大白菜</li><li>鸡毛菜</li><li>空心菜</li><li>油麦菜</li></ul></section><section><p>注意正确的列表嵌套喔。</p><ul><li>一级大白菜<ul><li>二级大白菜</li><li>二级大白菜<ul><li>三级大白菜</li><li>三级大白菜</li></ul></li><li>二级大白菜</li></ul></li><li>一级大白菜</li></ul></section></div><br><div id="ol"><header><h2>有序列表</h2></header><ol type="1"><li>一级油麦菜</li><li>一级油麦菜<ol type="A" start="2" reversed><li>二级油麦菜</li><li>二级油麦菜</li></ol></li></ol></div><br><div id="dl"><header><h2>描述列表</h2></header><dl><dt>dt标识词条</dt><dd>dd标识解释。最外面的dl标识这是描述列表。</dd><dd>(试试多个解释所以我又来说废话了顺便试试这一段的格式所以下面居然又又又又全部都废话怎会如此会不会设置一下width会更方便一点啊不知道写够没有总之就这个样子的。。。好像满了太好了</dd><dt>这个不是废话喔</dt><dd>描述列表的结构与上面那两个有本质的不同要注意。</dd></dl></div><div><header><h2>菜单</h2></header><menu label="File" type="toolbar"><button type="button" onclick="file_new()">新建</button><button type="button" onclick="file_open()">打开</button><button type="button" onclick="file_save()">保存</button>
<!--                <command onlick="alert('Hello World')">命令</command>--><p>我觉得好用但是只有IE支持的command(。另外上面这个menu-button好像哪里不太对。。。。</p></menu></div><div id="url"><header><h2>超链接</h2></header><dt>URL——统一资源定位器</dt><dd><ol type="1"><li>协议(或服务方式)。<ol type="A"><li>http://——超文本传输协议，表示该资源是HTML文件。</li><li>ftp://———文件传协议，表示用FTP传输方式访问该资源。</li><li>mailto:——表示该资源是电子邮件。</li><li>file://——表示本地文件。</li></ol></li><li>存有该资源的主机IP地址(有时也包括端口号)。</li><li>主机资源的具体地址如目录和文件名等。</li></ol></dd><img src="data:images/1.jpeg" border="0" width="300" usemap="#map" alt="map" /><map name="map" id="Map"><area shape="circle" coords="100,100,30" href ="http://bing.com/" alt="bing" /></map><p>map-area给图片定义热点区域点击即跳转。</p><iframe src="data:images/1.jpeg"></iframe><p>iframe定义浮动框架(HTML5已经不支持？)。</p></div><br><a href="#nav">go ahead</a></body>
</html>

HTML初心自学记录（四）列表超链接相关推荐

HTML+CSS初心自学记录（五）多列布局伸缩盒
有一些我觉得暂时没必要专门做笔记的都跳过去啦所以这里真的只是记录
python多分类混淆矩阵代码_深度学习自学记录（3）——两种多分类混淆矩阵的Python实现（含代码）...
深度学习自学记录(3)--两种多分类混淆矩阵的Python实现(含代码),矩阵,样本,模型,类别,真实深度学习自学记录(3)--两种多分类混淆矩阵的Python实现(含代码) 深度学习自学记录(3) ...
Photoshop CS6 自学（四）文件操作之第二部分
Photoshop CS6 自学四文件操作之第二部分 Adobe Bridge工作区使用Adobe Bridge浏览图像文件复制移动删除文件或文件夹复制文件和文件夹移动文件到其他文件夹删除文 ...
孤荷凌寒自学python第六天列表的嵌套与列表的主要方法
孤荷凌寒自学python第六天列表的嵌套与列表的主要方法 (完整学习过程屏幕记录视频地址在文末,手写笔记在文末) (同步的语音笔记朗读:https://www.ximalaya.com/keji/1 ...
Python基础——变量、常量、数字类型、四列表list、五字典dict、六布尔bool、垃圾回收机制、用户交互、运算符、流程控制
文章目录变量一引入一.什么是变量? 二.为什么要有变量? 三.怎么使用变量(先定义.后使用) 3.1.变量的定义与使用 3.2.变量名的命名规范 3.3.变量名的命名风格 3.4.变量值的三大 ...
Mysql期初数和期末数_账户中记录四种核算指标,即期初余额、本期增加发生额、本期减少发生额和期末余额。其关系式包括( )。_学小易找答案...
[单选题]运算符+* % =中,优先级最低的是( ). (3.0分) [单选题]反映企业所有者投入资金的科目是( ). [单选题]要输出double型的数据,用( ). (3.0分) [单选题]是对形 ...
基于正点原子Linux开发板(ALIENTEK I.MX6U ALPHA V2.2)的个人自学记录
基于正点原子Linux开发板(ALIENTEK I.MX6U ALPHA V2.2)的个人自学记录硬件环境正点原子Linux开发板(ALIENTEK I.MX6U ALPHA V2.2) 底板+核 ...
佰落暑期java自学记录-1
佰落暑期java自学记录-1 自我介绍: 我是一名准大二学生,来自桂林某高校. 大一一个学期也只是按照学校安排按部就班,并没有什么特别发展.早就听闻java在编程界的大名,故借暑假时间在家自学java ...
SSH与SSM学习之SSH实现CRM练习17——添加客户拜访记录和列表
SSH与SSM学习之SSH实现CRM练习17添加客户拜访记录和列表一添加客户拜访记录和列表演示 1 添加客户拜访记录演示 2 客户拜访记录列表演示二添加客户拜访记录分析三添加客户拜访记录表实体关 ...
Kafka学习记录(四)——消费者
Kafka学习记录(四)--消费者目录 Kafka学习记录(四)--消费者对应课程 Kafka消费者工作流程消费方式和流程消费者组原理消费者组初始化流程消费者组详细消费流程重要参数 ka ...

HTML初心自学记录（四）列表超链接

HTML初心自学记录（四）列表超链接相关推荐

最新文章

热门文章