epee_no_front's Notes
Happy learning! Happy Coding!
Toggle navigation
epee_no_front's Notes
主页
codeforces
人工智能
JAVA
python
Latex&Markdown
计算机系统
关于我
归档
标签
ch01
前端
2020-05-26 15:02:23
235
0
0
admin
前端
# ch01 [TOC] ## lec1： web前端介绍 术语：HTML5（H5）、web前端、全栈。 ## lec2 什么是网页 W3C：万维网联盟（World Wide Web Consortium） OpenSSL  ## lec3 开始前的准备 代码编写工具 HBuilderX 代码缩进   ## lec4 编写一篇博客日志 ```html <!-- 一级标签至六级标签 --> <h1></h1> <h2></h2> ... <h6></h6> <!-- 斜体 --> <i></i> <!-- 加粗 --> <b></b> <!-- 分割线 --> <hr > ``` **换行：需要使用 `<p></p>` 标签**   标签内换行： `<br>` （单标签） 空格： ` ` 小结：  ## lec4 百度新闻列表  ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>百度新闻列表</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <h1>科技 <img src="https://picture-bed-bucket.oss-cn-beijing.aliyuncs.com/img/20200420231227.png"></h1> ---------- <hr> <ul> <li> <a href="http://baijiahao.baidu.com/s?id=1662765832988021804">投影仪长时间使用会卡吗？当贝投影D1教你如何流畅不</a> </li> <li> <a href="http://baijiahao.baidu.com/s?id=1662766614286353414">哈啰发布第五代单车“云行”，模块化设计提升维修率</a> </ul> <ol> <li> <a href="http://baijiahao.baidu.com/s?id=1662765832988021804">投影仪长时间使用会卡吗？当贝投影D1教你如何流畅不</a> </li> <li> <a href="http://baijiahao.baidu.com/s?id=1662766614286353414">哈啰发布第五代单车“云行”，模块化设计提升维修率</a> </ol> </body> </html> ```  ## lec5 图片的使用   无论调整宽度还是高度，图片最终会等比例缩放。  100%：表示撑满整个窗口。 ## lec6 如何下载图片以及切图  ## lec7 知识补充（其他标签的使用和标签的一些常见属性） 关于超链接 ```html <!-- 在新标签页打开 --> <img src="http://baijiahao.baidu.com/s?id=1662765832988021804" target="_blank"> ``` 关于无序列表    关于有序列表     关于图片    ## lec8 百度网盘页面制作 使得图片和文字都可以作为链接点击。 ```html <a href=""> <img src="https://picture-bed-bucket.oss-cn-beijing.aliyuncs.com/img/20200420231227.png"> one </a> ``` 网页跳转： 其中文件目录如下：  ```html <!-- index.html --> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>index</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <a href="one/one.html">one</a> </body> </html> <!-- one.html --> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>one</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <a href="../index.html">back to index</a> </body> </html> ``` 效果如下： 
上一篇:
逻辑与形式化方法复习
下一篇: 无
0
赞
235 人读过
新浪微博
微信
腾讯微博
QQ空间
人人网
提交评论
立即登录
, 发表评论.
没有帐号?
立即注册
0
条评论
More...
皖ICP备20006612号
皖公网安备 34020302000165号
文档导航
admin
epee_no_front's Notes
没有帐号? 立即注册