2020年2月11号之 HTML基础学习笔记(一)
- 什么是html?
它不是编程语言,是一种标记语言,使用标记标签来描述网页,html文档也叫做Web页面,HTML运行在浏览器上,由浏览器来解析 - HTML页面结构
<html>与</html>之间的文本描述网页
,<head>与</head>之间的文本描述文档的元数据
<title>与</title>之间的文本描述文档的标题
<body>与</body>之间的文本是可见的页面内容
-
空元素
是在开始标签中关闭的,例如<br>
就是没有关闭标签的空元素,目前所有浏览器都支持<br>
,但是为了获得更长远的保障建议使用<br/>
-
属性值
一般使用双引号括起来,标准推荐小写属性,属性值 -
HTML常用的属性
class 一个html元素可以定义一个或者多个
id 一个元素只能定义唯一一个
style 规定元素的内联样式
title 规定元素的额外信息
-
HTML标题
定义标题的标签是<h1>-<h6>
-
HTML水平线
<hr/>,是一个空元素,创建水平线
-
HTML段落
创建段落是根据<p></p>
标签来定义的,浏览器会自动段落后面添加空行 -
HTML拆行
在没有产生新段落的情况下,使用<br>
来进行换行
在写地址信息,诗词里面很有用 -
HTML格式化标签
<p><b>定义粗体文本</b></p>
<p><em>定义着重文字</em></p>
<p><i>定义斜体字</i></p>
<p><small>定义小号字</small></p>
<p><strong>定义重要的文本</strong></p>
<p>定义<sub>下标字</sub></p>
<p>定义<sup>上标字</sup></p>
<p><ins>定义插入字</ins></p>
<p><del>定义删除字</del></p>
实现的效果
可发现<br>与<strong>
标签的效果一样,但是强调的目的不一样。
11. a标签
<a>标签用来设置超文本链接,href属性用来描述链接的目标地址
默认样式
一个未访问过的链接显示为蓝色字体并带有下划线。访问过的链接显示为紫色并带有下划线。击链接时,链接显示为红色并带有下划线。
target属性
属性值:
_blank 在新窗口中打开被链接文档。
_self ,默认。在相同的框架中打开被链接文档。
_parent ,在父框架集中打开被链接文档。
_top ,在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。