前端系统学习 HTML 学习笔记

东枫科技

于 2020-03-06 15:11:56 发布

阅读量266

点赞数

本文链接：https://blog.csdn.net/qq_36666115/article/details/104695789

版权

0、Other

0.1 浏览器

渲染网页+用户交互

0.2 内核

ie： Trident
chrome：webkit/blink

0.3 报文

请求报文
请求行+请求头+空行+请求体
响应报文
响应行+响应头+响应体

0.4 html作用

< h1>语义

一、 HTML 网页结构

<html>
<head>
<title>页面标题</title>
</head>
<body>
  <h1>这是一个标题。</h1>
  <p>这是一个段落。</p>
</body>
</html>

<html> 与 </html> 之间的文本描述网页。
<head> 与 </head> 之间的文本描述文档的元数据。
<title> 与 </title> 之间的文本描述文档的标题。
<body> 与 </body> 之间的文本是可见的页面内容。
<h1> 与 </h1> 之间的文本被显示为一个大标题。
<p> 与 </p> 之间的文本被显示为一个段落。

1. 标签介绍

1.1 < head >

< head > 元素包含了所有的头部标签元素。
< head > 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。

1.2 < body >

< body> 元素定义文档的主体。
< body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。

1.3 < br />

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
例如，< br> 就是没有关闭标签的空元素，< br> 标签定义折行（换行）。
在开始标签中添加斜杠，比如 < br />，是关闭空元素的正确方法。

2. 属性

属性是 HTML 元素提供的附加信息。

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name=“value”。

2.1 属性值

属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
name='Bill “HelloWorld” Gates’
提示：**属性和属性值对大小写不敏感。**不过，推荐标准中推荐小写的属性/属性值。

2.2 常用的属性

属性	描述
class	为 html 元素定义一个或多个类名（类名从样式文件引入）
id	定义元素的唯一 id
class	规定元素的内联样式
title	规定元素的额外信息（可在工具提示中显示）

一个或多个类名
<p class="intro">这是一个段落。</p>
唯一的 id。
<h1 id="header">w3cschool</h1>

二、创建html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Me极客</title>
</head>
<body>
  <h1>我的第一个标题。</h1>
  <p>我的第一个段落。</p>
</body>
</html>
对于中文网页需要使用 <meta charset="utf-8"> 声明编码