HTML学习总结

HTML 指的是超文本标记语言 (Hyper Text Markup Language) 所谓的超文本就是指页面内可以包含图片、链接、甚至音乐，等非文字元素。

html示例：

  
    
    
  
  
    
html body
    
html paragraph
  

html标签：

• 标签定义：标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象，绝大部分的标签都是成对出现的，如< table>< /talbe>、< form>< /form>。

• ~

  :标题heading；

• :段落paragraph；

• :链接；
• :图片image；
• ...

html元素：

• 元素定义：HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
• 元素语法：

  eldonzhao

• 元素嵌套：

  eldonzhao

• 空元素：

 vs 
:
 
为换行标签，相当于回车；
 
为段落标志，段落后空一行，相当于两个回车；

html属性：

• align：相对位置，居左、居中、居右等；
• bgcolor：背景颜色；
• ...

html文本格式化：

• :粗体bold；
• :大号字体；
• :强调emphasized；
• :斜体italic；
• :小号字体；
• :强壮字体；

• :块格式；

• ...

html样式：

style 提供了一种改变所有 HTML 元素的样式的通用方法。这里可以将，背景颜色，字体样式，字体尺寸，字体颜色，对齐方式一并定义好。

html链接：

• 给文字加链接：shiyanlou
• 给图片加链接：![](tabao.png)
• 链接的打开方式：百度，_blank表示在新窗口打开链接，_self（默认）表示覆盖当前窗口；
• 链接添加提示文字：百度

html表格：

• table:表标签；
• tr:行标签；
• td:格标签；
• th:表头标签；
• caption:标题标签；
• cellpadding:单元格边距属性；
• bgcolor:背景颜色属性；
• background:背景图片属性；
• colspan:单元所占列数；
• rowspan:单元所占行数；
• border:边框粗细；

html图像：

• 设置网页背景图：；
• 插入图片：![](./coluslife.png)；
• 设置图片属性：![](./coluslife.png)；
• 调整图片尺寸：![](./coluslife.png)；
• 创建图像映射：

![](./julizi.png)

html列表：

• 有序列表：

  
shiyanlou

• 无序列表：

  
shiyanlou

• 定义性列表：

  
baidu
  
www.baidu.com

html块：