H5学习笔记(第一天)

2017-03-23  本文已影响0人  学到老就活到老

记录学习笔记!加油!

一.网页是由什么组成的?

文字+图像+超链接

二.什么是WEB标准?

是一系列标准:

XHTML,HTML5     结构     (超文本标记语言)

CSS2.0,CSS3.0     表现      (层叠样式表)

Javascript              行为       (是一种脚本语言)

三.页面的基本结构:

<html>

     <head bgcolor="背景颜色"  background="背景图片"><!--这是头部-->

          <title>页面标题</title>

     </head>

      <body><!--这是身体-->

           页面呈现内容

        </body>

</html>

四.文档说明(常用):

transitional dtd:过渡型——允许使用符合XHTML语法的标记.

XHTML语法规范:

1.标记名称必须小写

2.属性值必须小写

3.标记必须严格嵌套

4.标记必须封闭

5.即使空元素的标记也必须封闭

6.属性值用双引号括起来

7.属性必须使用完整形式

8.应区分“内容标记”和“结构标记”

五.<meta>隐含信息:

<meta http-equiv="refresh" content="5;url=http://wwwjianshu.com">

5秒后跳转到简书页面

<meta name=“keywords” content="关键词1,关键词2...">

可搜索到的关键词

<meta name="description" content="网页的描述">

网页描述

结构标记:独占一行

内容标记:在一行里

六.网页上常用的图片格式:

1.gif格式:文件小,下载快,支持背景透明,可以做动画效果

2.jpg格式:图像清晰,下载慢

3.png格式:支持背景透明,不支持动画,png8=gif(不能做动画) png24(复杂的背景透明)

七.站点的要求

1.首页的名称必须是index.html

2.站点里所有文件名不能是中文

3.存放图片的文件夹建议为images

八.常用标记

<p>段落标记</p>

<font>内容标记</font>

<pre>预设格式</pre>

<blockquote>文本缩排</blockquote>

<center>居中标记</center>

<del>删除线</del>   <s>删除线</s>

<strong>加粗</strong>   <b>加粗</b>

<em>倾斜</em>    <i>倾斜</i>

<u>下划线</u>

<hr width="像素; 百分比"  size="线粗"  align="对齐方式"  color=“颜色”/>

<br />换行

<img  width="图片宽度"  height=“图片高度”  border=“边框”  align=“对齐方式”  hspace=“水平距离”  vspace=“垂直距离”  title=“图片名称,鼠标悬停时显示” alt=“说明文本,未加载成功时显示” /><!--不建议用代码修改图片尺寸-->

九.特殊符号

&lt;     <

&gt;    >

&nbsp;    空格

&copy;    版权ⓒ

&reg;        注册商标

&yen       ¥

问题:

什么样的标记添加什么样的条件?就是说结构标记和内容标记添加的条件有什么不同?

上一篇 下一篇

猜你喜欢

热点阅读