2016.05.12初识HTML5-01

啊呀~今天本来应该是和朋友出去游玩的,可是却变成了生产实习。。。今年的生产实习和以往有所不同,以往的都是老师带着学生到工厂里转一转糊弄糊弄就过去了。但这一次要改革了,由我们这的一家软件外包公司负责,来这里进行5天的HTML5授课(说白了就是来宣传的)。4天授课,最后一天进行网页制作并且演讲答辩,感觉有点紧啊~不过既然是学习的机会,挺不错的,我会尽力的。

今天主要诠释了什么是HTML5,Hyper Text Markup Language,对,它是一种标签语言。各种各样的标签进行嵌套、相互作用,构造出了如此生动的网页。下面记录下今天所学的标签:

1.HTML5规范:标签都是闭合的。任何标签需要使用<>括起来。标签是HTML最基本的单位和最重要的组成。
HTML=Hyper Text Markup Langueage   超文本标签语言
2.<img src="../image/a.png" />     ""中为图片路径
3.<img src="../image/a.png" width="100" height="100" />   较前面的语言,此句限制了图片尺寸
4.<body></body>   该区域的代码体现在网页的空白框内。
5.<title></title>在<head></head>里面,它的代码体现在标题里。
6.<!--   注释   -->   
7.<meta>标签  描述文档类型和字符编码   描述搜索关键字和描述
8.<meta name="keywords"content="淘宝,网上购物,在线交易,交易市场"/>  keywords提供搜索关键字和内容描述信息,方便搜索引擎的搜索。
9.<meta name="description"content="淘宝网-亚洲最大、最安全的网上交易平台,提供各类服饰、美容、家具、数码、......"/>   
10.标签的分类:
    块级标签,显示为块。
    行级标签。
11.标题标签:<h1></h1>~<h6></h6>  自带粗体效果,并且默认前后隔行。
12.段落标签:<p></p>  该标签中的内容将换行输出。
13.水平线标签:<hr />   自结标签:单个标签的闭合形式。在代码处画一条水平线
14.引用标签:<blockquote></blockquote>  应用来自其他来源的内容,并且有个缩进效果
15.预格式:<pre></pre>  在这里面的内容将会以Word文档中的格式输出,比如回车就是回车。
16.有序列表标签:<ol>
                  <li>列表项1</li>
                  ...
                 </ol>       该标签,会将里面的列表项自动生成一个有序的列表。
17.无序列表标签:<ul>
                  <li>列表项1</li>
                  ...
                 </ul> 
18.换行标签:<br/>
19.定义描述标签:<dl>
                  <dt>标题</dt>
                  <dd>描述1</dd>
                  <dd>描述2</dd>
                  ...
                 </dl>       将标题也加入到了列表当中。

经过了今天的学习,我可以在网页上有格式地进行输出文本了,嘛~才刚开始。

时间: 2024-09-30 00:55:48

2016.05.12初识HTML5-01的相关文章

2016.05.13初识HTML5-02

第二天~早上8点上课,12点放学,1点又继续上课...真是压缩的实实在在的5天啊,就像吃压缩饼干不喝水一样.哈哈,不过我觉得明天会更累..因为后天是周天,我要去软件培训,学习Android开发,生产实习估计是逃定了.结果导员告诉我:你后天可以不来,但是你要后天之前把作品先提交上来.哇...我比别人少学一天,还要早交一天作品.不过为了去培训,我也是拼了..今天还是继续学习标签,规范网页的布局格式. 1.超级链接:语法<a href="将要跳转的网址">点击处该链接显示的标签名

2016.05.14初识HTML5-03

啊~要疯了,别人还要两天时间,而我却要在今天完成三天的任务,现在我正在做网页,一个是QQ邮箱的登录页面,还有一个是211-sun的首页.趁这会休息的功夫写一点日记.看来晚上要熬夜了... 今天所学的知识主要是样式表.选择器和超链接.无非是极其关键的. 1.CSS样式表:能实现内容和样式的分离.格式如下:<head>  <style type="text/css">  选择器(即修饰对象){            /*所谓选择器就是<td><li

2016/05/12菜鸟自学Dom

编写一个网页上的多选,反选,全选的框子 <!DOCTYPE html><html> <head> <title>Myslcel.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content=&quo

2016/05/12菜鸟笔记多线程

今天自习复习了多线程 主要的关键词   Thread类用来继承的,不过一般不用,因为继承的单一性,不能多继承! Runnable 接口  implements用来实现的, 这两种都需要覆盖run();方法 synchronized ()同步代码块 synchronized方法 这时候需要一把锁,当线程执行到这里时候拿走了锁,后面的线程就需要等待. 还以一个就是生产和消费的关系. 思路:1.生产者开始生产但是没有达到仓储最大量. 2.生产者notify(),消费者让消费者消费 4.当消费者消费<=

“耐撕”团队2016.05.12站立会议

1. 时间 18:50--19:15     共计25分钟 2. 人员 Z 郑蕊 * 组长 (博客:http://www.cnblogs.com/zhengrui0452/), P 濮成林(博客:http://www.cnblogs.com/charliePU/), Q 齐嘉亮(博客:http://www.cnblogs.com/dendroaspis-polylepis/), M 张敏(博客:http://www.cnblogs.com/zhangminss/) 3. 会议内容 PartA:回

[二重门][内存辅助][4-8课][2016/05/12]

6.列表框之实现挂机状态输出         7.下拉框之设置吃药.打怪.捡取物品过滤         8.图片之查看挂机机器状态         9.进度条之数据处理实现 下载地址:http://www.zidongyouxi.com/thread-80-1-1.html 稳定更新!

2016年12月 丽声唱片 民谣HiFi发烧碟《丽声监听王3号-试机民谣》

专辑名称:丽声监听王3号-试机民谣 专辑艺人:群星 唱片公司:丽声唱片 发行时间:2016年12月 资源格式:UPDTS-WAV分轨 专辑简介: 丽声唱片 民谣HiFi发烧碟 德国音频处理技术,母盘1:1直刻. 最具灵气的曲风,蕴藏着原始精华,清新纯美,体会那神秘与传奇的感悟. 全新的编曲,深情的演唱,令你耳目一新. 曲目 专辑曲目:01 斑马斑马02 红蔷薇03 安河桥04 野子05 平凡之路06 南山南07 董小**姐08 假如爱有天意09 异乡人10 寂静的天空11 南方姑娘12 走在冷风

2016年12月 极高的人声表现 征服挑剔的耳朵《人声斗机王》2CD WAV分轨

专辑名称:人声斗机王 2CD 专辑艺人:群星 唱片公司:深圳音像公司 发行时间:2016年12月 资源格式:UPDTS-WAV分轨 专辑简介: 极品靓声王精品人声,音色悦耳.悠扬.细致,乐器的质感鲜明无比,仿佛伸手可触.加上充沛的能量感,使音乐听起来更具生命力,临场感浓郁,舞台立体浮凸的在眼前呈现,聆听者彷佛坐在圆桌旁,活生的现场感传神十足.然就是这个有着极高的人声表现和录音品质的HIFI音乐,征服挑剔的耳朵 曲目 专辑曲目CD101.酒干倘卖无--孙露02.我真的好难过--小骆驼03.你走你的

初识 HTML5

初识 HTML5(一) H5其实就是H4的一个增强版本,我们在利用H5进行网页的构造会更简便,标签语义更简洁明了.首先,我们要理解HTML4,它是HTML的标记+css2+JavaScript的一些基本应用,简言之,就是API+语法:而H5无非就是在原先的基础上面提供了一些新的功能. 1.H5的语义标签 1):html 的定义 ,它的一个文档声明 <!DOCTYPE html>  语法跟html4 差不多,w3c 提供了一个网站可以用来检测html 的语法.  https://validato