文档章节

【HTML】学习笔记·入门(一)

o
 osc_7slii3nj
发布于 04/18 09:02
字数 588
阅读 42
收藏 1

「深度学习福利」大神带你进阶工程师,立即查看>>>

学习网站:菜鸟教程 HTML简介

我为什么要学HTML

  • 本来想学 JavaScript 的,但是JavaScript教程页面下方提示说要有HTML和CSS基础,于是就点进来学习了

什么是HTML?

  • HTML 是用来描述网页的一种语言。
  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

HTML 标签

  • HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,如<head>和</head>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML页面结构

HTML页面结构
只有body部分(白色区域)才会在浏览器中显示😜

<!DOCTYPE >声明

  • <!DOCTYPE>声明有助于浏览器中正确显示网页
  • 不区分大小写,用来告知 Web 浏览器页面使用了哪种 HTML 版本
  • <!doctype html> 是HTML5的通用声明
    在这里插入图片描述

我的第一个html实例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>最简单的网页</title>
</head>

<body>
<h1>第一个标题</h1>
<p>
这是第一个段落
巴拉巴拉。。
</p>
<h2>第二个标题</h2>
<p>
这是第二个段落
巴拉巴拉。。
</p>
<h3>第三个标题</h3>
<p>
这是第三个段落
巴拉巴拉小魔仙
</p>
</body>
</html>

解释

🌹<meta charset=“utf-8”> —— 中文编码
<meta> 放在<head>里,这个后面会说到
🌹<title>这是网页的标题(也是收藏在浏览器书签栏中显示的名字)</title>
🌹<body>显示在浏览器页面上的内容</body>
🌹<h1>是标题可以有h1~h6 标题字体号依次减小
🌹<p>段落的内容,即使在源程序中换行输入,在页面中显示的还是一行(具体看图片),后面会讲到如何换行</p>




网页显示

我的第一个HTML实例

如何写网页

- 在没有下载编辑器之前,我是先新建一个文本(.txt)编写源程序,然后再重命名,更改后缀为.html或.htm

o
粉丝 0
博文 70
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
Flappy Bird(安卓版)逆向分析(一)

更改每过一关的增长分数 反编译的步骤就不介绍了,我们直接来看反编译得到的文件夹 方法1:在smali目录下,我们看到org/andengine/,可以知晓游戏是由andengine引擎开发的。打开/res/raw/at...

enimey
2014/03/04
6.2K
18
我的架构演化笔记 功能1: 基本的用户注册

“咚咚”,一阵急促的敲门声, 我从睡梦中惊醒,我靠,这才几点,谁这么早, 开门一看,原来我的小表弟放暑假了,来南京玩,顺便说跟我后面学习一个网站是怎么做出来的。 于是有了下面的一段...

强子哥哥
2014/05/31
976
3
Nutch学习笔记4-Nutch 1.7 的 索引篇 ElasticSearch

上一篇讲解了爬取和分析的流程,很重要的收获就是: 解析过程中,会根据页面的ContentType获得一系列的注册解析器, 依次调用每个解析器,当其中一个解析成功后就返回,否则继续执行下一个解...

强子哥哥
2014/06/26
712
0
程序猿媛一:Android滑动翻页+区域点击事件

滑动翻页+区域点击事件 ViewPager+GrideView 声明:博文为原创,文章内容为,效果展示,思路阐述,及代码片段。文尾附注源码获取途径。 转载请保留原文出处“http://my.oschina.net/gluoyer...

花佟林雨月
2013/11/09
4.3K
1
5分钟 maven3 快速入门指南

前提条件 你首先需要了解如何在电脑上安装软件。如果你不知道如何做到这一点,请询问你办公室,学校里的人,或花钱找人来解释这个给你。 不建议给Maven的服务邮箱来发邮件寻求支持。 安装Mav...

fanl1982
2014/01/23
1.2W
7

没有更多内容

加载失败,请刷新页面

加载更多

从其他文件夹导入文件 - Importing files from different folder

问题: I have the following folder structure. 我有以下文件夹结构。 application/app/folder/file.py and I want to import some functions from file.py in another Python file which r......

javail
27分钟前
12
0
大数据研发学习之路--Hadoop集群搭建

阅读编译文档 准备一个hadoop源码包,我选择的hadoop版本是:hadoop-2.7.7-src.tar.gz,在hadoop-2.7.7的源码 包的根目录下有一个文档叫做BUILDING.txt,这其中说明了编译hadoop所需要的一些...

DSJ-shitou
今天
8
0
OSChina 周五乱弹 —— 特么是别的公司派来的特洛伊木马吧?

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 小小编辑推荐:《我会守在这里》- 毛不易 《我会守在这里》- 毛不易 手机党少年们想听歌,请使劲儿戳(这里) @FalconChen :股市连跪了五天,...

小小编辑
今天
59
2
如何在find中排除目录。命令 - How to exclude a directory in find . command

问题: I'm trying to run a find command for all JavaScript files, but how do I exclude a specific directory? 我正在尝试为所有JavaScript文件运行find命令,但是如何排除特定目录? ......

法国红酒甜
今天
77
0
《Java8实战》笔记(02):通过行为参数传递代码

本文源码 应对不断变化的需求 通过筛选苹果阐述通过行为参数传递代码 初试牛刀:筛选绿苹果 public static List<Apple> filterGreenApples(List<Apple> inventory){List<Apple> result = ......

巨輪
今天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部