【学习的网站是主要是W3school，还加上一些其他搜索学习到的内容，仅在博客做个人整理】

一、标签——尖括号围成的关键词，成对出现。

※使用时必须符合标签嵌套规则

1.

（1） <!DOCTYPE html>

（2）对于中文网页需要使用 <meta charset="utf-8"> 声明编码

2.链接标签

　　<a>：链接【在href属性中指定链接的地址】

　　target属性：target="_blank"时会在新窗口打开文档
　　name属性：规定锚（anchor）的名称。使用命名锚（named anchors）时，可以直接跳至页面中的某个链接。

3.布局标签

<div>：组合其他HTML元素，常与CSS一同使用，可用于对大的内容块设置样式属性。

4.文本标签

<title>：文档标题
<h1> - <h6>：html标题
<body>：可见的页面内容
<p>：段落
<hr /> ：创建水平线
<br /> ：不产生新段落的情况下换行
<pre>：定义预格式化的文本
<abbr title="etcetera">etc.</abbr>：定义缩写或首字母缩略语。把鼠标移至缩略词语etc.上时，可展示完整版本"etcetera"。
<q>：定义短的引用。会为 <q> 元素包围引号

5.多媒体标签

<img>：图像【图像的名称和尺寸是以属性的形式提供的】
<video>：

6.序列化标签

<ul>无序列表标签
<ol>有序列表标签
每个列表项始于 <li>

7.表格标签

<table> 定义 HTML 表格。

<tr>：定义表格中的行

<th>：定义表格中的表头

<td>：定义表格中的数据（table data）

8.表单标签

<from>

<input>

9.画布

二、元素——从开始标签到结束标签的所有代码。

大多数HTML元素可拥有属性
大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）

三、属性——属性提供了有关 HTML 元素的更多的信息

※属性总是以名称/值对的形式出现

※属性总是在 HTML 元素的开始标签中规定。

【HTML参考手册】http://www.w3school.com.cn/tags/index.asp

<style>属性

background-color：定义元素的背景颜色

font-family：元素中文本的字体系列

color：定义元素中文本的颜色

font-size：定义元素中文本的字体尺寸

text-align：规定了元素中文本的水平对齐方式：

四、CSS样式

1.外部样式表——当样式需要被应用到很多页面时

定义外部CSS文件，在<head>标签中使用链接式：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

2.内部样式表——单个文件需要特别样式时

在<head>标签中创建一个<style>标签，其中添加CSS代码：

<head><style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

3.内联CSS

在相关标签中使用style属性：

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

转载于:https://www.cnblogs.com/ranine/p/10771945.html

HTML基础知识个人总结相关推荐

嵌入式Linux的OTA更新，基础知识和实现
嵌入式Linux的OTA更新,基础知识和实现 OTA updates for Embedded Linux, Fundamentals and implementation 更新的需要一旦嵌入式Li ...
计算机基础知识第十讲,计算机文化基础（第十讲）学习笔记
计算机文化基础(第十讲)学习笔记采样和量化PictureElement Pixel(像素)(链接: 采样的实质就是要用多少点(这个点我们叫像素)来描述一张图像,比如,一幅420x570的图像,就表示 ...
嵌入式linux编程,嵌入式Linux学习笔记 - 嵌入式Linux基础知识和开发环境的构建_Linux编程_Linux公社-Linux系统门户网站...
注:所有内容基于友善之臂Mini2440开发板一.嵌入式Linux开发环境的构建嵌入式开发一般分为三个步骤: 1.编译bootloader,烧到开发板 2.编译嵌入式Linux内核,烧到开发板 3 ...
《计算机网络应用基础》模拟试卷(六),《计算机与网络应用基础知识1》模拟试卷...
<计算机与网络应用基础知识1>模拟试卷 (4页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分 <计算机与网络应用基础知识1& ...
python向量计算库教程_NumPy库入门教程：基础知识总结
原标题:NumPy库入门教程:基础知识总结视学算法 | 作者知乎专栏 | 来源 numpy可以说是 Python运用于人工智能和科学计算的一个重要基础,近段时间恰好学习了numpy,pandas, ...
python常用变量名_python基础知识整理
Python Python开发 Python语言 python基础知识整理序言:本文简单介绍python基础知识的一些重要知识点,用于总结复习,每个知识点的具体用法会在后面的博客中一一补充程序: 一 ...
计算机基础知识掌握欠缺,《计算机基础知识》实验教学改革探讨.pdf
<计算机基础知识>实验教学改革探讨.pdf Science& TechnologyVision 科技视界科技探·索·争鸣计<算机基础知识>实验教学改革探讨 ...
python计算wav的语谱图_Python实现电脑录音（含音频基础知识讲解）
前言今天开始进入近期系列文章的第一篇,如何用 Python 来实现录音功能. 在开始"造轮子"之前,个人一直强调一个观点,如果有些东西已经有了,不妨直接去 github 上搜,用 ...
计算机wrod初级考试题及答案,计算机基础知识+Word基础知识+Excel基础知识试题答案解析.doc...
文档介绍: 计算机基础知识+ Word基础知识+ Excel基础知识第一部分一.单项选择题 1.世界上第一台电子数字计算机取名为( ). A.UNIVAC B.EDSAC C.E ...
java 前端基础知识_【计算机·知识】关于前端的计算机基础知识
原标题:[计算机·知识]关于前端的计算机基础知识作为一个刚刚入门的程序猿,你是否对专业知识有足够的了解?今天新闻君带你走进前端的世界. 前端的语言接触起来相对于后端的语言要容易不少,但前端的语言也有 ...

HTML基础知识个人总结