HTML学习
基础
- HTML元素包含HTML标签和内容
- 中文网页需要在head部分声明编码<meta charset="UTF-8">
元素的定义与使用
-
HTML标题
"通过<h1>-<h6>定义" <h1>标题内容</h1>
-
HTML段落
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
"通过<p>来定义" <p>段落内容</p> "插入一个水平线" <hr/>
-
HTML链接
"通过<a>来定义" <a herf = "<https://www.baidu.com>">链接名字</a>
-
HTML图像
"通过<img>来定义" <img decoding = "async" src = "images\\logo.png" width = "258" height = "39" />>
-
文本的格式化
HTML <b> 标签 | 菜鸟教程 定义粗体文本 HTML <em> 标签 | 菜鸟教程 定义着重文字 HTML <i> 标签 | 菜鸟教程 定义斜体字 HTML <small> 标签 | 菜鸟教程 定义小号字 HTML <strong> 标签 | 菜鸟教程 定义加重语气 HTML <sub> 标签 | 菜鸟教程 定义下标字 HTML <sup> 标签 | 菜鸟教程 定义上标字 HTML <ins> 标签 | 菜鸟教程 定义下划线(插入字) HTML <del> 标签 | 菜鸟教程 定义删除字
属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现,比如:name="value"。
- 属性值应该始终被包括在引号内。 双引号是最常用的,不过使用单引号也没有问题。
<aside> 💡 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='John "ShotGun" Nelson'
</aside>
-
常用属性
class 为html元素定义一个或多个类名(classname)(类名从样式文件引入) id 定义元素的唯一id style 规定元素的行内样式(inline style) title 描述了元素的额外信息 (作为工具条使用)
样式表
内部:
当单个文件需要特别样式时,就可以使用内部样式表。你可以在<head> 部分通过 <style>标签定义内部样式表:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
外部:
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>