HTML基础知识个人总结

时间：2019-04-26 01:10:41 阅读：170 评论：0 收藏：0 [点我收藏+]

【学习的网站是主要是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>、<li>无序列表标签
<ol>、<li>有序列表标签

7.表格标签

<table> 定义 HTML 表格。

　　<tr>

　　<th>

　　<td>

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>

会为 <q> 元素包围引号

HTML基础知识个人总结

原文：https://www.cnblogs.com/ranine/p/10771945.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)