认识HTML_html/css_WEB-ITnose

：较长引用，单独显示，为块元素

：ordered list  有序

: unordered list 无序

和
1. 或者
   和
   • 总是要一起使用

    

   立即学习“前端免费学习笔记（深入）”；

    

   URL

    

   立即学习“前端免费学习笔记（深入）”；

    1 URL: 2     http://www.cnblogs.com/JJ-kelion/ 3          4     <a href="http://www.cnblogs.com/JJ-kelion/" title="Read His blogs"> cnblogs jj-kelion</a> 5          6     <!--为标题的开始增加标记--> 7     <h2 id="chai"> Chai Tea </h2>   8     <!--用可用ID链接到元素--> 9     <a href="top.html/#chai" title="read chai"> Chai tea </a>10     <!--打开新窗口-->11     <a target="_blank" href="http://www.cnblogs.com/JJ-kelion/" title="Read His blogs"> cnblogs jj-kelion</a>    

   注释：

   • URL：域名，用来唯一标识网站
   • 为了便于访问，在元素中使用title元素
   • 使用target属性在另一个浏览器窗口中打开链接。

    

   立即学习“前端免费学习笔记（深入）”；

   使用图像：

    

   立即学习“前端免费学习笔记（深入）”；

   幕后步骤：

   1. 浏览器从服务器获取文件“jj-kelion.html”
   2. 读取“jj-kelion.html”，发现有n个图像需要获取
   3. 从服务器逐个得到图像，从第一开始，显示完后，转向下一个图

   常用图片格式：

2. JPEG
3. PNG
4. GIF

格式分析：

5. JPEG：适合连续色调图像，可以表示千万种颜色，有损格式，不支持透明和动画
6. PNG：适合单色和线条构成图，是一种无损格式，允许透明，
7. GIF：最适合单色图和线条图，最多256种颜色，支持透明，无损格式，支持动画。

总结：

8. JPEG和PNG擅长表示logo和文本图像；
9. JPEG擅长照片
10. 需要透明和多种颜色：选择PNG

 

立即学习“前端免费学习笔记（深入）”；

 

立即学习“前端免费学习笔记（深入）”；

 

立即学习“前端免费学习笔记（深入）”；

1 <img  src="images/jj.png" alt="认识HTML_html/css_WEB-ITnose" ><br>2 <img  src="http://www.cnblogs.com/JJ-kelion/images/corporate/ceo.jpg" alt="认识HTML_html/css_WEB-ITnose" ><br>3 <img src="images/jj.png" alt="a picture"><br>4 <img  src="images/jj.png"    style="max-width:90%"  style="max-width:90%" alt="认识HTML_html/css_WEB-ITnose" ><br>  <!--使用缩略图-->5 <a href="big picture"> <img src="small picture" alt="a picture">  </a>

注释：

11. src不只是用于相对链接，还可以放入URL
12. 相同网站上的链接和图像，最好使用相对链接
13. 如果图像未能显示，就会用alt属性指定的描述图像的文本代替图像

创建缩略图步骤：

1. 为缩略图创建一个目录
2. 将各个分辨率降低后的照片存入文件夹中
3. 将页面中的各个元素的src设置为缩略版的
4. 增加从缩略图到一个新页面显示大图的链接

 

立即学习“前端免费学习笔记（深入）”；

HTML5

 

立即学习“前端免费学习笔记（深入）”；

指南：

14.   首行
15. alt属性为必要的
16. 指定字符编码，在首部中的首行，
17. 验证代码工具：http：//validator.w3.org