必知HTML基础

摘要51RGB官方微信在学习CSS制作知识之前,我们必须需要认识的HTML什么基础知识。

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

目录

搞清浏览器作用

搞清什么是HTML

html作用

html我们涉及哪些基础知识

常见html单词及单词功能作用有哪些

html结构

html与CSS关系

1、搞清浏览器作用

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

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

需要兼容浏览器有哪些?

2、搞清什么是HTML

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

3、html作用

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

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

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

a、B(strong):加粗

b、P:换行实例:p我是第一段内容/pp我是第二段内容/p

c、Br:提行实例:我是第一排br/我是第二排内容

d、px:像素、长度宽度单位

实例:width:30px;宽度30像素

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

ul

li列表一/li

li列表二/li

li列表三/li

/ul

ol

li列表一/li

li列表二/li

li列表三/li

/ol

f、div与span:都是html标签

实例:div我占一行/divspan我多长占多长位置/span

两者区别:DIV占用1整排,而SPAN所占位置是内容多少占用多长长度

h、dldtdd:CSS的另类表格组合

实例:

dl

dt我是标题/dt

dd列表一/dd

dd列表二/dd

/dl

j、title:标题标签

实例:title标题/title

特点,在一个网页内只能使用一次(只能出现一次)

6、html结构-TOP

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

旧html结构:

!DOCTYPEhtmlPUBLIC"-//W3C////EN"""

htmlxmlns=""

head

metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/

titleDIVCSS5标题/title

/head

body

具体网页呈现内容

/body

/html

经过CSS教程网的DIVCSS5优化后的HTML结构(可用于每次新建HTML模板):

!DOCTYPEhtml

html

title标题/title

metaname="keywords"content="关键字"/

metaname="description"content="网页描述"/

linkhref="这里CSS文件引入地址"rel="stylesheet"type="text/css"/

内容提供

7、html与CSS关系-TOP

以上7点是学习CSS的html基础,可能还不完善,但是在以后运用的时候DIVCSS5会给大家详细、本简单CSS教程分为15节,此节DIVCSS教程以文字内容为主,以后会穿插更多实例和图例、跟我做的内容希望对大家能有帮助。

版权声明:本站所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请举报,一经查实,本站将立刻删除。

相关推荐