摘要51RGB官方微信在学习CSS制作知识之前,我们必须需要认识的HTML什么基础知识。
一、必知HTML基础-CSS教程系列
目录
搞清浏览器作用
搞清什么是HTML
html作用
html我们涉及哪些基础知识
常见html单词及单词功能作用有哪些
html结构
html与CSS关系
浏览器主要作用是浏览网页作用,在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。
在CSS测试(CSS工具)里常用浏览器包括IE6、IE7、IE8、火狐(FF)、谷歌(chrome)、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核,所以不必考虑,只要支持你浏览器版本即支持类似这2款浏览器
需要兼容浏览器有哪些?
html是hypertextmarkuplanguage的缩写,即超文本标记语言。可以这样理解,HTML文件是一定规则规律以html\htm等命名后缀名的文本文件。
4、html我们涉及哪些基础知识
Html扩展名、html源代码、DOCTYPE、html结构、head标签、charset
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点是学习CSS的html基础,可能还不完善,但是在以后运用的时候DIVCSS5会给大家详细、本简单CSS教程分为15节,此节DIVCSS教程以文字内容为主,以后会穿插更多实例和图例、跟我做的内容希望对大家能有帮助。
版权声明:本站所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请举报,一经查实,本站将立刻删除。