@()

what is html

(hypertext marked language)超文本标记语言，负责页面文本、图片内容的编辑排布；
特点:
1. 使用的是一对一对的标签组成
  双标签可嵌套其他的标签；单标签或不可嵌套其他标签；
2. 标签之间可以相互嵌套，但不可以交叉嵌套
3. 若是有多个相同的标签，可使用id或name属性去区分
```
 <tag1 id="20130705" name="a"></tag1>
 <tag1 id="20140603" name="b"></tag1>
```
  重点:HTML的核心在与标签的使用、标签属性的使用

html基本格式

网页的每个界面都是一个独立的HTML文件：

 <!---基本格式----->
 <html>
  <!---页面 start----->
     <head>
         <!---头部 start----->
         <title>这里写网页页面的标头</title>
         <!---头部 end----->
     </head>
     <body>
         书写内容的地方
     </body> <!---主体 start----->
     <!---页面 end----->
 </html>

html常用标签及其属性

文本修饰

段落修饰

标题修饰

序列修饰

特点：块元素，独立成行有行间距会自动缩进；
无序序列

<ol>
      <li></li>
       <li></li>
</ol>

有序序列

<ul>
    <li></li>
    <li></li>
</ul>

在序列里 <ol>标签表示无序序列<ul>标签表示有序序列<li>则表示序列元素，有几个<li>标签就表示有几个标签元素，而<ol>和<ul>则用来区分这些序列元素的类型，序列类型可以相互嵌套但是会再次缩进；
<ol>属性：type 1、a 、A 、i、 I
<ul>属性：type
start 起始数
<li>属性：type disc(实心圆) 、circle(空心圆) 、square(实心方块)

图片

<img>

音频

<bgsound>

<embed>

视频

<embed>

字体其他样式

<b>加粗内容</b>
<i>斜体内容</i>
<u>下划线内容</u>

超级文本

<a>

属性:
href 资源的路径地址
target 是否在新页中打开，默认是在当前页打开，target="_blank"则在新页中打开，target="_self" 或者"_top"当前页打开;
执行效果:
1.跳转到本地或者网络的资源地址;
url 网络资源

<a href ="www.baidu.com">

path 本地资源

<a href ="luomit.txt">

2.调动本地邮件客户端进行发送邮件

<a href="mailto:[email protected]">发送信息到[email protected]邮箱\</a>

3.调用JavaScript脚本文件

 <a href="javascript:alert("你点我干哈啊！")">调用JavaScript脚本\<a>

4.设置锚点(书签) 设置书签跳转的功能

表格

<table>

<tr>行</tr>
<td>列</td>

<th></th>

<caption>表格的标头</caption>

VEX.Python学习与CG视觉艺术

前端三剑客之HTML