Web前端之 HTML入门第一天

                                          HTML第一天

目录
          1: HTML简介
          2: HTML骨架
          3: HTML标签

1）：HTML简介

什么是网页？

        网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。     网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。

什么是HTML？

> HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。 超文本含义
>     它可以加入图片、声音、动画、多媒体等内容（超越了文本限制 ）。
>     它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本 ）。 HTML 不是一种编程语言，而是一种标记语言
> (markup language)。

    
常用浏览器及其内核？

> Trident                 Gecko                   Webkit                      Blink
    IE                            火狐                        Safari                        Chrome，Opera

         
web标准？

> 结构 (html  身体)  ---------表现（样式     css穿着打扮）---------行为(javascript 动作 技能
> 交互)

2）：HTML标签

 标签分类
>  双标签，单标签

标签关系
                

> 嵌套(父子)， 并列（兄弟）

常用标签
            

```html
<p> </p>   <br >    <h1> </h1>~~<h6> </h6>
```
布局标签
                

```html
<div> </div>        <span> </span>
    大盒子                小盒子
```

图片标签 

```html
<img src="" > 

标签内可以加入属性
>     src        指定图像文件的路径和文件名
>   title        鼠标经过图片时的提示文本
>   alt        图片不能正常显示时的替换文本
>   width-宽度; height-高度; border-边框粗细

```

 路径？

    

>     相对路径     以html文件的位置为参考基础     同一级         xx.jpg     下一级         /             ./images/xx.jpg     上一级../             ../xx.jpg

链接标签
     

```html
<a href=""></a>   
属性：
    href    指定链接目标的url地址，只有应用href属性才具有超链接功能
    target    "_self"默认值在当前窗口打开
                 "_blank"在新窗口打开
    
```

链接分类

>     外部链接         http:// www.baidu.com     内部链接         网站内部页面之间的相互链接         index.html     空链接
>         未确定链接明确目标         #     下载链接         URL是一个文件或者压缩包，会下载这个文件     网页元素链接
>         在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接     锚点链接         快速定位到页面中的某个位置         #id

注释标签

> `<!-- 内容 --> `ctrl + /  单行注释 多行注释 给程序员看的
> 特殊字符： 空格  `&nbsp;` 小于号   `&lt;` 大于号 `&gt;`