前端HTML & CSS

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

4、元素:开始标签+内容+结束标签   <tag>内容</tag>

5、<a> 标签定义超链接,用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性,它指示链接的目标。

     <a href="http://www.w3school.com.cn">W3School</a>

     <a href="http://www.mi.com" target="_blank"><img src="qiuqiu.jpg" alt=""></a>

    target:target="_blank"   "_self"规定在何处打开链接文档

    <a>标签另一个重要作用:锚点

    <br id="mid200">

    <a href="#mid200">页面跳到200</a>

    <a href="#">回到最顶上</a>

6、<img> 标签有两个必需的属性:src 属性 和 alt 属性 (规定图像的替代文本)

     <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />

    前端HTML & CSS

7、图片格式

     jpg: 有损压缩  影响画质  内存小      png:无损压缩  不影响画质  内存大  支持透明通道    gif:动图

8、列表

     无序列表、有序列表、自定义列表

     前端HTML & CSS

9、表格

      前端HTML & CSS前端HTML & CSS前端HTML & CSS前端HTML & CSS

     

10、<form> 标签用于为用户输入创建 HTML 表单。能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等

        前端HTML & CSS前端HTML & CSS

11、布局 div  table iframe(嵌套页面)

       前端HTML & CSS