HTML作业
1.开发环境搭建。编辑器安装好插件,列出经常使用的快捷键(编辑器,浏览器,切换页面等)。浏览器会使用审查元素等功能。
Ctrl+C复制,Ctrl+A全选,Ctrl+V粘贴
Shift+Delete永久删除,Ctrl+z撤销上一步
Ctrl+Esc显示开始菜单,WIN+F1显示Windows帮助
WIN+U打开工具管理器,win+D立即返回桌面
Ctrl+F查找,windows+d关闭当前界面
windows+f弹出组合框速度进行文件夹的检索
windows+e快速打开文件资源管理器
Alt+tab自由切换界面,windows+L切换用户,windows+m最小化所有窗口
Ctrl+B将所选内容字体加粗,Ctrl+I将所选内容字体变为斜体
Ctrl+]逐磅增大字号,Ctrl+[逐磅减小字号Ctrl+L左对齐,Ctrl+R右对齐
Shift+→选中光标右侧一个字符,Shift+←选中光标左侧一个字符
2.Html5与Html4主要区别在哪里
1、语法简化 HTML、XHTML的DOCTYPE、html、meta、script等标签,在HTML5中有大幅度的简化。
2、统一网页内嵌多媒体语法 以前,在网页中播放多媒体时,需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后,使用或标签播放视频和音频,不需要在安装其他的什么来播放了。(只要在Web网页中嵌入这两个标签,而无需第三方插件(如Flash)就可以实现音视频的播放功能。HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术的发展空间。
3、新增了语义标签 为了增加网页的可读性,HTML5增加了<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>语义标签。
4、HTML5废除了一些旧标签,废除的大部分是网页美化方面的标签,例如:<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>。对<frame>框架,不能使用。
html5同时也删除了b标签和font标签,如果想要效果的话,可以使用css带代替这两个标签。
5、全新的表单设计表单是网页设计者最常用的功能,HTML5对表单做了很大的更改,不但新增了几项新的标签,对原来的<form>标签也增加了许多属性。
6、新增了<canvas>标签,可以绘制图形 HTML5新增了具有绘图功能的<canvas>标签来代替flash,很多时候,如果我们在网页中放入很多的flash,是很不友好的,现在只要使用<canvas>标签就可以产生交互,并且可以实现很多flash的功能。
3.Html5新增的标签有哪些?
article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video
4.完成自我介绍的网页,要求图文并茂,充分利用所学标签(不要使用CSS)例如:不需要与以下图片完全相同
5.从网上搜索课表相关的页面作为参考,完成课表的制作
欢迎使用Markdown编辑器
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:
- 全新的界面设计 ,将会带来全新的写作体验;
- 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
- 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
- 全新的 KaTeX数学公式 语法;
- 增加了支持甘特图的mermaid语法1 功能;
- 增加了 多屏幕编辑 Markdown文章功能;
- 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
- 增加了 检查列表 功能。
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Ctrl/Command + F
替换:Ctrl/Command + G
合理的创建标题,有助于目录的生成
直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,我们支持6级标题。有助于使用TOC
语法后生成一个完美的目录。
如何改变文本的样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024.
插入链接与图片
链接: link.
图片:
带尺寸的图片:
居中的图片:
居中并且带尺寸的图片:
当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片
.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的:
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
设定内容居中、居左、居右
使用:---------:
居中
使用:----------
居左
使用----------:
居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:
TYPE | ASCII | HTML |
---|