html
菜鸟教程(runoob.com)
<html> <head> <meta charset='utf-8'> <title>菜鸟教程(runoob.com)title> head> <body> <h1>这是一个标题h1> <p>这是一个段落p> body> html>
这是一个标题
这是一个段落
html文档后缀名： .html .htm
常用的编辑器：VS Code https://code.visualstudio.com/
Sublime Text: https://www.subliment.com/
HTML链接是通过来决定的
引入图片：
loading="lazy"惰性加载
换行无结束标签
开始标签被称为起始标签，结束标签常称为闭合标签
a:
title 一般没什么用，是一个标志 class设定样式，可以重复
target:决定是刷新页面还是新打开一个页面
| class | 为html元素定义一个或多个类名（classname）(类名从样式文件引入) |
| id | 定义元素的唯一id 一个id只能出现一次 |
| style | 规定元素的行内样式（inline style） |
| title | 描述了元素的额外信息 (作为工具条使用) |
标签在HTML页面中创建水平线
这是一个6行元素 用来给中间元素加样式属性
-块元素
| 定义粗体文本 | |
| 定义着重文字 | |
| 定义斜体字 | |
| 定义小号字 | |
| 定义加重语气 | |
| 定义下标字 | |
| 定义上标字 | |
| 定义插入字 | |
| 定义删除字 |
HTML "计算机输出" 标签
| 标签 | 描述 |
|---|---|
|
定义计算机代码 |
| 定义键盘码 | |
| 定义计算机代码样本 | |
| 定义变量 | |
| 定义预格式文本 |
HTML 引文, 引用, 及标签定义
| 标签 | 描述 |
|---|---|
| 定义缩写 | |
| 定义地址 | |
| 定义文字方向 | |
| 定义长的引用 | |
| 定义短的引用语 | |
| 定义引用、引证 | |
| 定义一个定义项目。 |
HTML元素
定义了文档与外部资源之间的关系
通常用于链接样式到样式表：
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> head>
<head> <style type = "text/css"> body {background-color:yellow} p {color:blue} style> head>
增加样式渲染HTML文档
内联样式：
<p style="color:blue;margin-left:20px;">这是一个段落p>
背景颜色：
<body style="background-color:yellow;"> <h2 style="background-color:red;"/> <p style="background-color:green;"/>
字体、字体颜色，字体大小
<h1 style="font-family:verdana;"> <p style="font-family:arial;color:red;font-size:20px;"/>
文本对齐方式
<h1 style="text-align:center;"/># 居中对齐
内部样式表，可以在head部分通过