认识HTML_html/css_WEB-ITnose

基本框架：

 1    2    3  This Is Title  4   5  6   7 
 
 8 
 
 9 
10  11 
12  13   

注释：

和 告诉浏览器文件的内容是HTML 被 和 包围的首部（head）告诉浏览器关于web页面的信息 head标记中放入title标记，title出现在浏览器窗口 页面的主体包括 和 标记以及他们之间的所有内容，是浏览器中看到的部分 元素 = 开始标记 + 内容 + 结束标记

style，CSS

 1                       2      This Is Title  3          4       5                 body{ 6                     background-color: #eaf;     7                     margin-left: 20%; 8                     margin-right: 20%; 9                     border: 2px dotted black;10                     padding: 10px 10px 10px 10px;11                     font-family: sans-serif;12                 }13      14   

注释：

style指定样式为CSS background-color ：背景色 margin-left，margin-right：左右外边距分别占页面的20% border：页面周围边框为虚线，颜色为黑色 padding：在页面主体周围创建一些内边距 font-family：定义文本使用的字体

HT（hypertext）

1  elixirs 2  cnblogs jj-kelion 3  RETURN 4     

注释：

使用从一个页面链接到另一个页面 的属性指定了链接的目标文件 元素的内容是链接的标签。默认的，这个标签有下划线，指示可以单击的 文字和图像都可以用作链接的标签 使用“ .. ”可以链接到源文件的上一层文件夹的一个文件，" .. "代表父文件夹。 “/”用来分隔路径的图像

示图：

,

1  2     Passing cars, 
3     when you can't see, 
4     A glimpse, 
5  6 7 
8       passing car  ,when you can't see.9 
 

注释：

：双引号，短引号，作为现有段落的一部分 ：较长引用，单独显示，为块元素
：换行符

， ，

 1   2       one   3       two   4       three   5       four thing  6           7               one   8               two   9               three  10          11      12   

注释：

：ordered list 有序 : unordered list 无序 ： 用来标识每个元素 和 或者 和 总是要一起使用

URL

 1 URL: 2     http://www.cnblogs.com/JJ-kelion/ 3          4      cnblogs jj-kelion 5          6       7     
 Chai Tea 
   8       9      Chai tea 10      11      cnblogs jj-kelion     

注释：

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

使用图像：

幕后步骤：

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

常用图片格式：

JPEG PNG GIF

格式分析：

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

总结：

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

1  
2  
3  
4  
   5      

注释：

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

创建缩略图步骤：

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

HTML5

指南：

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

查看更多关于认识HTML_html/css_WEB-ITnose的详细内容...