必知HTML基础有哪些

发布时间：2022-02-24 11:06:14 作者：小新
来源：亿速云阅读：145

小编给大家分享一下必知HTML基础有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

一、必知HTML基础-CSS教程系列

在学习CSS制作知识之前，我们必须需要认识的HTML什么基础知识。

1、搞清浏览器作用 - TOP

浏览器主要作用是浏览网页作用，在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。

在CSS测试（CSS工具）里常用浏览器包括IE6、IE7、IE8、火狐（FF）、谷歌（chrome）、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核，所以不必考虑，只要支持你浏览器版本即支持类似这2款浏览器。

2、搞清什么是HTML - TOP

html是hypertext markup language的缩写，即超文本标记语言。可以这样理解，HTML文件是一定规则规律以html\htm等命名后缀名的文本文件。

与我们记事本区别，html文件里源代码有一定规则语法的英文代码。

3、html作用 - TOP

HTML作用，通过一定html自身语法结构（html结构），显示文字、图片、动画（flash）、视频或音频音乐。而CSS则是配合html实现漂亮的各式各样的页面内容。

4、html我们涉及哪些基础知识 - TOP

Html扩展名、html源代码、DOCTYPE、html结构、head标签、charset

5、常见html单词及单词功能作用有哪些 - TOP

a、B(strong)：加粗
实例：我被加粗或我也被加粗 两个加粗属性相同、用法相同
CSS 加粗：http://www.亿速云.com/rumen/r122.shtml

b、P：换行
实例：我是第一段内容我是第二段内容

c、Br：提行
实例：我是第一排 我是第二排内容

P与br区别用法：http://www.亿速云.com/html/h78.shtml

d、px：像素、长度宽度单位
实例：width:30px; 宽度30像素
了解像素单位：http://www.亿速云.com/html/h89.shtml

e、ul、ol、li列表标签
实例：

<ul> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> <ol> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ol>

两个都是列表组，区别是ul为无序列表\OL为有序列表
更详细css li介绍：http://www.亿速云.com/shili/s31.shtml

f、div与span：都是html标签
实例：<div>我占一行</div>我多长占多长位置
两者区别：DIV占用1整排，而SPAN所占位置是内容多少占用多长长度
DIV span区别：https://cache.yisu.com/upload/information/20220117/488/67043.jpg" />图片标签

h、dl dt dd：CSS的另类表格组合
实例：

dl dt dd详解：http://www.亿速云.com/html/h88.shtml

j、title：标题标签
实例：<title>标题</title>
特点，在一个网页内只能使用一次（只能出现一次）
Title标签：http://www.亿速云.com/html/h224.shtml
以上为常见的html标签及单词，更多HTML标签：http://www.亿速云.com/html/h210.shtml

6、html结构 - TOP

这里Html结构可用于每次新建制作网页模板使用。
旧html结构：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIVCSS5标题</title>
</head>
<body>
具体网页呈现内容
</body>
</html>

经过CSS教程网的DIVCSS5优化后的HTML结构（可用于每次新建HTML模板）：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>标题</title>
<meta name="keywords" content="关键字" />
<meta name="description" content="网页描述" />
<link href="这里CSS文件引入地址" rel="stylesheet" type="text/css" />
</head>
<body>
内容www.亿速云.com提供
</body>
</html>

7、html与CSS关系 - TOP

搞清楚html与CSS关系很重要，也是认识CSS基础。
html与CSS关系解释：HTML内放置显示网页要显示的具体内容（图片、文字、动画等）而CSS是控制HTML内这些具体内容的怎么显示、怎么排版、颜色、大小、宽度、高度、左右布局等显示样式。

以上是“必知HTML基础有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！