html入门笔记,HTML入门笔记1

1、HTML简介

HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

HTML是由Web的发明者 _Tim Berners-Lee_和同事 _Daniel W. Connolly_于1990年创立的一种标记语言。网页是由网页元素组成的，这些元素是利用 html 标签描述出来，然后通过浏览器解析来显示给用户的。

2、起手代码html>

这是我的的第一个网页标题

复制代码

简要说明： 表示文档类型说明。

位于文档最前面的位置，处于标签之前。 用来定义当前文档显示的语言。

en代表英语，zh-CN代表中文。  表示字符编码

计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。实际编码方式应当和HTML文件指定的编码方式保持一致，否则可能出现乱码。

UTF-8则基本包含全世界所有国家需要用到的字符，一般使用"UTF-8"编码。

这行代码用于针对移动端网页的优化，width=device-width指定了viewport 的大小为设备的宽度，initial-scale=1.0则指定了页面在初始状态下禁止缩放，占满整个屏幕。

标签告知浏览器这是一个 HTML 文档。 标签是 HTML 文档中最外层的元素。 标签是所有其他 HTML 元素(除了 标签)的容器。

，可以包含脚本、样式、meta 信息 以及其他更多的信息。

里面放置的内容不会出现在网页上，通常都是为了网页的渲染做准备的。**

**文档的标题。

**

**定义文档的主体，元素包含文档的所有内容，页面内容基本都是放到body里面的

3、常用的章节标签h1~h6  标题

是单词head的缩写，表示网页上的标题。重要性由h1到h6依次递减。

默认格式加粗，字号h1最大，h6最小，每个h标签独自占一行。section 章节

定义了文档的某个区域，表示这块内容是一个整体。article 文章

定义独立的内容，它可以用来表示一段文章，可以用来包含多个。p 段落

表示文本的一个段落，p是Paragraph的缩写，段落和段落之间保有空隙，它是一个块级元素。header 页眉、头部

 标签定义文档或者文档的一部分区域的页眉，一般作为介绍内容或者导航链接栏。

在一个文档中，您可以定义多个

元素，但不能被放在 、 或者另一个  元素内部。

footer 页脚

标签定义文档或者文档的一部分区域的页脚。在典型情况下，该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。main 主要内容

标签用于指定文档的主体内容。aside 旁支内容

表示旁支内容，定义 标签外的内容，可用作文章的侧栏。div 划分

标签定义 HTML 文档中的一个单独区域。经常与 CSS 一起使用，用来布局网页。

4、全局属性

HTML中所有标签都有的属性，称为全局属性。class

class 属性定义了元素的类名。一个标签可以有多个类名，用空格隔开。contenteditable：可编辑的

可以指定元素内容是否可编辑。

提示：可以用contenteditable和style标签、display属性实现直接在网页上编辑样式，调整代码。

示例如下：

style {

display: block;

}

.a {

color: blue;

}

ul{

color:red;

}

胡歌个人介绍

电视作品

• 仙剑奇侠传1

• 仙剑奇侠传3

复制代码

效果图：

hidden：隐藏

可以被用来隐藏一个页面元素，可以通过display:block来显示出来id

定义了一个全文档唯一的标识符。但是即便出现相同的ID，HTML也是允许执行不报错的。非必要不建议使用id属性。tabindex：标签索引

在网页中使用 tab键 能够切换到不同的部分，而 tabindex 属性则是控制这一行为顺序的。

可以设置为正整数，按数字从小到大依次切换访问，也可以是不连续的。

注意：

有两个特殊值，设置为0时表示该元素最后1个被Tab访问；

设置为-1时表示该元素不可被Tab访问style 行内样式

style 属性规定元素的行内样式。优先级是最高的。title 标题

title属性规定关于元素的额外信息。 鼠标悬停在该元素时，会展示信息。

5、内容标签ol+li  有序列表

ol是ordered list的缩写，和

组合使用，有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义。ul+li  无需列表

• 是unordered list的缩写，和
• 组合使用，列表的各个列表项之间没有顺序级别之分，是并列的。dl + dt + dd 定义列表

  定义列表常用于对术语或名词进行解释和描述，dl表示描述列表，dt表示描述对象，dd表示描述内容

  (discrition list + description term + data)pre 预格式化文本

   标签可定义预格式化的文本。pre是preview的缩写。

  被包围在

   标签元素中的文本会保留空格和回车。code

  code里面的字体等宽hr：水平线

  水平分割线，horizontal的缩写， 在网页中显示为一条水平线。br：换行

  换行标签，break的缩写。em：强调

  定义被强调的文本。表示语气上的强调，emphasis的缩写，默认样式为斜体。strong：强调

  定义重要的文本，表示内容本身的重要性。默认样式为加粗。q：行内引用

  行内引用。 浏览器经常会在这种引用的周围插入引号，quote的缩写。blockquote：块级引用

  块级引用，浏览器通常会对

  元素进行缩进。a  超链接

  anchar的缩写，主要有两个属性。

  文本或图像

  href：用于指定链接目标的url地址

  target：链接页面的打开方式。

  _self为默认值，表示在当前界面打开链接；

  __blank表示在新窗口中打开链接。