美文网首页
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学习笔记

    H5学习笔记

  • h5学习总结

    webview文章 【1】webview的使用总结 h5的学习笔记 【2】

  • iOS原生App与H5页面交互笔记

    iOS原生App与H5页面交互笔记 iOS原生App与H5页面交互笔记

  • 2月14笔记

    2月14 第一天web前端学习笔记 有道云笔记

  • 响应式开发学习笔记

    前端学习笔记 响应式H5 在头部添加 拓展阅读:https://blog.csdn.net/u012402190/...

  • H5学习笔记(第一天)

    记录学习笔记!加油! 一.网页是由什么组成的? 文字+图像+超链接 二.什么是WEB标准? 是一系列标准: XHT...

  • H5学习笔记

    1.html5 与 html4的区别 ​ 如果文档第一行为 说明该页面使用的是h...

  • H5学习笔记

    1.多玩网切换标签时标题切换 document.hidden:表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标...

  • H5学习笔记

    HTML有N多标签,根据显示的类型,主要可以分为3大类 块级标签独占一行的标签能随时设置宽度和高度(比如div、p...

  • H5学习笔记

    CSS clear 属性 指定段落的左侧或右侧不允许浮动的元素: 属性值 js 定时器 js 定时器有以下两个方法...

网友评论

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

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