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