小白- html笔记

1.概念

   超文本标记语言（Hyper Text Markup Language）

2.用途

HTML不是一种编程语言，而是一种标记语言，描述网页的语言

HTML使用标签描述网页中图片、文本、音乐、视频、超链接等

3.开发

开发环境：windows、linux、Mac OSX

开发工具：Dreamweaver、Eclipse、FrontPage、WebStorm……

4.html标签

1> 基本属性标签

  标题标签 <h1>~<h6>

      段落和换行标签<p>…</p>、<br/>

      水平线标签<hr/>

      斜体<em>…</em>

      字体加粗<strong>…</strong>

2>图像标签

   常见图片格式：jpg、gif、bmp、png 

  基本语法：<img src=" 图片路径"alt=" 替换文本" width="x" height=" y"/> 

3>超链接

<a href="链接地址" target="目标窗口位置">文本或图像</a>

注：目标窗口位置：_self：自身窗口

_blank：新建窗口

 超链接分类：

1、页面间链接：A页到B页，网上常见链接

2、锚链接：跳至自身固定位置，或A页跳到B页固定位置，需锚标记

3、功能性链接：电子邮件、QQ、MSN等链接

 超链接颜色:

a.color1:visited{color: #FFFFFF; text-decoration:none;} /*鼠标指上去的样式*/
a.color1:hover {color: #FFFFFF; text-decoration:underline;} /*访问过后的样式*/

4>HTML5的媒体元素

视频元素Video：

1)<video src="视频路径"  controls></video>

  <video controls>

    <source src="video/video.webm" type="video/webm"/>

   2) <source src="video/video.mp4" type="video/mp4"/>

</video>

  自动播放属性autoplay

       <video autoplay>

       <source src="video/video.webm" type="video/webm"/>

       <source src="video/video.mp4" type="video/mp4"/>

       你的浏览器不支持video元素

</video>

注：音频元素audio（同上）

5>HTML5的结构元素

元素名    描  述

Header    标题头部区域的内容（用于页面或页面中的一块区域）

Footer     标记脚部区域的内容（用于整个页面或页面的一块区域）

Section    Web页面中的一块独立区域

Article    独立的文章内容

Aside     相关内容或应用（常用于侧边栏）

Nav      导航类辅助内容

5.特殊字符和注释

特殊符号                   字符实体

空格                           &nbsp;  

大于号(>)                   &gt;

小于号(<)                   &lt ;

引号(")                       &quot

版权符号@                &copy