你的位置:首页 > 网页设计

[网页设计]2016.05.12初识HTML5


    啊呀~今天本来应该是和朋友出去游玩的,可是却变成了生产实习。。。今年的生产实习和以往有所不同,以往的都是老师带着学生到工厂里转一转糊弄糊弄就过去了。但这一次要改革了,由我们这的一家软件外包公司负责,来这里进行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>       将标题也加入到了列表当中。

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