美文网首页
H5学习笔记(第一天)

H5学习笔记(第一天)

作者: 学到老就活到老 | 来源:发表于2017-03-23 00:03 被阅读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       ¥

    问题:

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

    相关文章

      网友评论

          本文标题:H5学习笔记(第一天)

          本文链接:https://www.haomeiwen.com/subject/xfbanttx.html