首页 > 代码库 > html基础

html基础

二:文件夹的操作
 1.在文件夹中以详细信息的方式展示
 2.显示文件的后缀名
 3.显示隐藏的文件

什么是html?

HTMl:英文全拼 -- Hyper Text Markup Language。超文本标记语言,都是以标签存在。

纯文本:后缀是.txt,记录的是纯文本,没有样式没有格式等等,只有文字。
超文本:可以设置文本的样式/格式/颜色等等属性,并且可以通过超级链接进行页面间的跳转联系。后缀为.word,还有网页。
注意:当我们使用html语言进行编程时,是为纯文本。但是当这个纯文本在浏览器中显示时,它将以超文本展示。

html编辑器:sublime Text
   editPlus
   notePad++
   webStorm 功能强大,真正项目开发时可以使用它。

HTML文件的基本骨架:

DOCTYPE:文档类型的声明。

TML:声明html网页当前范围,所有内容写在该标签中
head:用来设置当前页面的一些属性及样式、配置信息等等。这部分是用户看不到的,title除外。
body:网页的内容部分,网页中所有布局写在该标签中。这是用户能直接看到的部分。
title:声明网页的标题
meta:元标签。用它来设置网页的公共属性。

charset:utf-8 字符集的设置。将页面中的文字/字母等编码成计算机可识别的语言。

中文的编码格式有两种:
     utf-8:国际性编码,可以对中文编码。
     gb2312:中文编码,专门为中文进行编码。当然也包含其它国家的简单字符等。
     uft-8编码>gb2312  --  utf-8较庞大会导致编码速度慢。
    注意:文件保存时的字符集编码格式一定要和当前页面中声明的字符集编码格式相同!!如果不相同则乱码。

 

组成html网页的三大部分:

   第一部分:html语义化标签,负责页面的语义结构。
   第二部分:css样式,负责当前页面的样式布局(审美角度)
   第三部分:JS,负责当前页面的行为交互。

 

一.基础文本标签

H1-H6:语义化为标题标签。

p:段落标签。普通文本展示   h标签与p标签都是块级标签。   h标签为容器及标签,容器级标签就是:里面可以嵌套任何标签以及文本。   p标签为文本级标签,文本级标签就是:里面只可以放文本/超链接/图像/行内的文本标签。   一般的块级标签都是容器级标签,唯独p标签除外。

  标准文档流中基础特性:     

1、空白折叠现象,如果一个标签内容中有换行或空格那么在网页中都将以空格展示。同样对于行内级标签适用。     

2、如果标签中有内容存在,那么标签一定要闭合。这种叫闭合标签     

3、标签嵌套,在网页中html只在乎标签的嵌套。注意缩进

 二、图像标签 img

alt属性:当图片没有加载出来时,提示给用户的文字。增加交互的友好性。

相对路径:
  1.先找参照路径。参照路径:当前网页所在的路径。
  2.根据参照路径找到相应图片(绝对路径)

 

标签的三种分类方法:   

第一种按封闭来还分为:闭合闭合标签与单标签。   

第二种按显示内容来划分为:容器及标签与文本及标签。   

  容器级标签:可以嵌套任何标签,包括和自己一样的标签。   

  文本级标签:只能存放文本,a/img/span等等文本标签   

第三种按照标准文档流划分为:块级标签与行内级标签。   

  块级:独占一行   

  行内级标签:在一行内显示

    一般单标签都是行内标签,也是文本级标签。   

  一般块级标签都是容器级标签,但是p标签除外,p是文本级标签。

html基础