爱好HtmlCssJs 2020-04-21
###本来是在学Django的,但过程中遇到了大量的HTML知识,无奈至极,只能来先学习下HTML,特此通过此博客来见证学习的过程
1、什么是HTML
HTML是一种语言,专门用来描述网页的
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
2、实例解析
<!DOCTYPE html> 声明为HTML5文档
<html> 元素是HTML页面根元素
<head> 元素包含了文档的元数据(meta),如<meta charset=‘utf-8‘>定义网页编码格式为uft-8
<title> 元素描述了文档的标题
<body> 元素包含了页面可见的页面内容
<h1> 元素定义的大标题
<p> 元素定义一个段落
3、HTML标签
HTML标签由尖括号包围的关键词,比如<h1>
HTML标签通常是成对出现的,比如<h1>、</h1>
成对的标签第一个表示开始标签,后一个表示结束标签,也被称为开放标签和
4、HTML标题
HTML标题是通过<h1>-<h6>标签来定义的,<h1>最大,<h6>最小
实例:
运行结果:
5、HTML段落
HTML段落是通过<p>来定义的
6、HTML链接
HTML链接是通过<a>来定义的
实例:<a href="http://www.cnblogs.com/xwxxh" >博客园地址</a>
7、HTML图像
HTML图像是通过<image>来定义的
实例:<image src="https://www.runoob.com/images/logo.png",width="258",height="39"/>
8、HTML换行
HTML换行是通过<br>来定义的
9、HTML属性
class:为HTML元素定义一个或多个类名(classname)
id:定义元素唯一id
style:规定元素行内样式
title:描述元素额外信息(作为工具条使用)
10、HTML水平线
<hr>标签在HTML页面中创建水平线
11、HTML注释
语法:<!--注释内容-->
12、HTML文本格式化标签
<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体文本
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<ins> 定义插入字
<del> 定义删除字
13、HTML‘计算机输出’标签
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre> 定义预格式文本
14、HTML引文、引用,及标签定义
<abbr> 定义缩写
<address> 定义地址
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用
<cite> 定义引用、引证
<dfn> 定义一个定义项目