尚硅谷web前端工程师1000集学习笔记11
一个练习
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>练习</title>
</head>
<body>
<center>
<!--
跳转到id为bottom的元素所在的位置
直接在href中写 #id属性值
-->
<a href="#bottom">去底部</a>
<a href="#hello">去指定位置</a>
<h1>这是我的个人博客</h1>
<hr />
<h2>东风破</h2>
<!-- 创建超链接时,如果地址不确定可以直接写一个#作为占位符 -->
<a href="#">周杰伦</a>
<p id="hello">
一盏离愁 孤单伫立在窗口 <br />
我在门后 假装你人还没走 <br />
旧地如重游 月圆更寂寞 <br />
夜半清醒的烛火 不忍苛责我 <br />
一壶漂泊 浪迹天涯难入喉 <br />
你走之后 酒暖回忆思念瘦<br />
水向东流 时间怎么偷<br />
花开就一次成熟 我却错过<br />
谁在用琵琶弹奏 一曲东风破<br />
岁月在墙上剥落 看见小时候<br />
犹记得那年我们都还很年幼<br />
而如今琴声幽幽 我的等候你没听过<br />
<img src="1.jpg" alt="图片" width="300px" /> <br />
谁在用琵琶弹奏 一曲东风破<br />
枫叶将故事染色 结局我看透<br />
篱笆外的古道我牵着你走过<br />
荒烟漫草的年头 就连分手都很沉默<br />
一壶漂泊 浪迹天涯难入喉<br />
你走之后 酒暖回忆思念瘦<br />
水向东流 时间怎么偷<br />
花开就一次成熟 我却错过<br />
谁在用琵琶弹奏 一曲东风破<br />
岁月在墙上剥落 看见小时候<br />
犹记得那年我们都还很年幼<br />
而如今琴声幽幽 我的等候你没听过<br />
谁在用琵琶弹奏 一曲东风破<br />
枫叶将故事染色 结局我看透<br />
篱笆外的古道我牵着你走过<br />
荒烟漫草的年头 就连分手都很沉默<br />
<img src="2.jpg" alt="图片2" width="300px" /> <br />
谁在用琵琶弹奏 一曲东风破<br />
岁月在墙上剥落 看见小时候<br />
犹记得那年我们都还很年幼<br />
而如今琴声幽幽 我的等候你没听过<br />
谁在用琵琶弹奏 一曲东风破<br />
枫叶将故事染色 结局我看透<br />
篱笆外的古道我牵着你走过<br />
荒烟漫草的年头 就连分手都很沉默<br />
</p>
<hr />
友情链接:<a href="#">A网站</a> | <a href="#">B网站</a> | <a href="#">C网站</a> <br /><br />
<!--
如果将链接地址设置为#,则点击超链接以后,会自动跳转到当前页面的顶部
html中有一个属性,每一个元素都可以设置,该属性可以作为标签的唯一标识
这个属性就是id,id属性在同一个页面中只能有一个不能重复
-->
<a id="bottom" href="#">回到顶部</a> |
<!--
发送电子邮件的超链接,点击链接以后可以自动打开计算机中默认的邮件客户端
href="mailto:邮件地址"
当点击这个超链接时,会默认打开计算机的默认电子邮件客户端,并且将收件人设置mailto后的邮件地址
-->
<a href="mailto:abc@atguigu.com">联系我们</a>
</center>
</body>
</html>
尚硅谷web前端工程师1000集学习笔记11相关推荐
- Web前端开发之CSS学习笔记11—文本格式和动画设计
目录 1.文本对齐text -align 2.保留空白字符white-space 3.设置文本方向direction 4.设置文本缩进text-indent 4.设置字符间距letter-spacin ...
- 正则至少一个数字_好程序员web前端培训分享JavaScript学习笔记之正则
好程序员web前端培训分享JavaScript学习笔记之正则,正则表达式,又名 "规则表达式" 由我们自己来书写 "规则",专门用来检测 字符串 是否符合 &q ...
- react组件卸载调用的方法_好程序员web前端培训分享React学习笔记(三)
好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...
- (尚硅谷java零基础教程)学习笔记day7/8-数组
1.数组的概述 1.1 定义 数组(Array),是多个相同类型数据按一定顺序排列的集合,并使用一个名字命名,并通过编号的方式对这些数据进行统一管理. 1.2 数组的相关概念 数组名 元素 数组的索引 ...
- 尚硅谷Web前端ES6教程详细笔记,涵盖ES6-ES11
1 ES介绍 2 ES6的新特性 2.1 let关键字 2.1.1 声明变量 let a; let b,c,d; let e=100; let f=521,g="iloveyou" ...
- 尚硅谷web前端HTML5+CSS3笔记
目录 1尚硅谷-课程简介 2尚硅谷-网页简史 3尚硅谷-HTML简史 4尚硅谷-编写你的第一个网页 5尚硅谷-安装notepad++ 6尚硅谷-自结束标签和注释 7尚硅谷-标签中的属性 8尚硅谷-文档 ...
- 尚硅谷Vue2-3(张天禹老师) 学习笔记
这里写目录标题 (一) 基本模块 01基础模板语法 1.1插值语法 -- 解析标签体里的内容 1.2指令语法 -- 解析标签 数据绑定 条件渲染 1.2.1 **`v-bind:xxx`** 1.2. ...
- 尚硅谷+黑马程序员MongoDB视频学习笔记(一)
本学习笔记是来源于学习B站上的尚硅谷和黑马的MongoDB教学视频而做的知识总结. 一.数据库(Database) 数据库是按照数据结构来组织.存在和管理数据的仓库.说白了,数据库就是存在数据的仓库. ...
- 【学习笔记】尚硅谷周阳老师的Docker教程学习笔记
本文是尚硅谷周阳老师的Docker教程的相关学习笔记,暂时还没有检查勘误过. 一.Docker简介 1. 简介 Docker的出现是为了解决代码在本机可以正常运行,而部署到其他机器不能运行的问题.这是 ...
最新文章
- 【Redis学习笔记】2018-05-30 Redis源码学习之Ziplist、Server
- 小甲鱼python的课后题好难_小甲鱼《零基础学习Python》课后笔记(二十六):字典——当索引不好用时2...
- Disruptor编程指南
- 一套标准的ASP.NET Core容器化应用日志收集分析方案
- akka es/cqrs_在Akka中实现主从/网格计算模式
- OSGI –模块化您的应用程序
- gibmacos 网络加速_黑苹果教程续集,利用EFI在线安装MacOS
- SQL语法集锦一:SQL语句实现表的横向聚合
- (附源码)ssm牙科诊所预约网站 毕业设计 260952
- 通过远程PHP远程调用ZABBIX接口获取数据
- springboot+特色农产品电商平台 毕业设计-附源码211515
- 宽带,猫,路由器的关系是什么?
- 在线订票系统--永胜票务网是怎么搭建的?
- 2019年工作总结——没有岁月可回首,珍惜当下不负流年
- #036数字信息指南十分钟速成课
- Visual Studio各版本区别
- iText7---Adding low-level content添加低层级内容
- 27年,微软IE结束了!
- velcoity使用说明:foreach指令
- Linux——MySQL高可用-PXC架构
热门文章
- 1.windows 应用程序开发(MessageBox 和 DialogBox 和 WM_COMMAND)
- 听说你也有拖延症快来看看这篇文章
- SWAT—Samba WEB管理工具
- Linux多线程——生产者消费者模型
- 全球定位系统GPS简介
- 127.0.0.1 myz.php,在nginx上用FastCGI解析PHP
- laravel物流地址查询
- 电感RDC、IDC值是什么意思?或DCR DCI
- 循序渐进自学爬虫(一): 基础篇2
- mysql数据库in函数查询是否走索引