初学HTML | 青训营笔记

134 阅读3分钟

这是我参与「第四届青训营 」笔记创作活动的第2天

1.什么是HTML

从本质上讲,HTML是一种由元素组成的语言,可以将其应用于文本片段以在文档中赋予它们不同的含义。HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

2.HTML的特点

简易性

超文本标记语言版本升级采用超集方式,从而更加灵活方便。

可扩展性

超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。

平台无关性

超文本标记语言可以使用在广泛的平台上。

通用性

HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

3.HTML基础内容

<html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

<head></head>:这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。

<body><body/>:网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

标题:总共有6个等级,定义方法如下

<h1><h1/>定义一级标题

<h2><h2/>定义二级标题

<h3><h3/>定义三级标题

<h4><h4/>定义四级标题

<h5><h5/>定义五级标题

<h6><h6/>定义六级标题

以此类推

<p><p/>定义文本

<br/>换行符

<div>标签用来布局,但是一行只能放一个<div>

<span>标签用来布局,一行可以多个<span>

有序列表ol:

< ol>标签中的type属性值为排序的序列号,不添加type属性时,有序列表默认从数字1开始排序。常用的type属性值分别为是1,a,A,i,I

< ol reversed=“reversed”>中的reversed属性能够让有序列表中的序列倒序排列。

< ol start=“3”>中的start属性值为3,有序列表中的第一个序列号将从3开始排列。

无序列表ul:

< ul>< /ul>中只能嵌套< li>< /li>,直接在< ul>< /ul>标签中输入其他标签或者文字的做法是不被允许的。

< li>与< /li>之间相当于一个容器,可以容纳所有元素。