HTML5+CSS3学习笔记(第1章)HTML基础

HTML5+CSS3学习笔记(第1章)HTML基础

今天是居家隔离第一天,自学HTML5。

1.1HTML概述

什么是HTML

  1. HTML是一种标记语言。(Hyper Text Markup language)
  2. 是列表的意思
  3. JavaScript是一种编程语言
  4. CSS
  5. W3C网站,是一个查询HTML帮助手册的网站

HTML的发展历程

  1. 2004年HTML5发布
  2. W3C万维网联盟

1.2HTML的基本结构

  1. 单独标记

    换行

    可插入一个简单的换行符。

    标签是空标签(意味着它没有结束标签,因此这是错误的:

    )。在 XHTML 中,把结束标签放在开始标签中,也就是

    请注意,
    标签只是简单地开始新的一行,而当浏览器遇到

    标签时,通常会在相邻的段落之间插入一些垂直的间距。

  2. 成对标记

    段落
  3. HTML文件的基本结构
<html>
	<head>
		<title>放屁鮰鱼</title>
	</head>
	<body>
		HTML的基本结构
	</body>
</html>

1.3编写第一个HTML文件

手工编写页面

<html>
	<head>
		<title>简单的HTML文件</title>
	</head>
	<body text="blue">
		<h2 align="center">HTML5初露端倪</h2>
		<hr>
		<p>让我们一起体验超炫的HTML5旅程吧</p>
	</body>
</html>

另存为的编码选择UTF-8防止出乱码。

使用WebStorm编写

下载WebStorm,此软件为收费软件,试用期30天

  1. 创建一个项目
  2. 右击文件夹,新建HTML FileHTML5+CSS3学习笔记(第1章)HTML基础_第1张图片
  3. 例子
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个HTML5文件</title>
</head>
<body text="blue">
<!--以下部分是body的内容-->
长风破浪会有时,<br><br>
直挂云帆济沧海。<br><br>
<a href="www.baidu.com">单击链接</a>>
</body>
</html>

你可能感兴趣的:(笔记,HTML5)