首页 / 知识
必知HTML基础
2023-04-11 14:42:00

必知HTML基础-CSS教程系列
目录
搞清浏览器作用
搞清什么是HTML
html作用
html我们涉及哪些基础知识
常见html单词及单词功能作用有哪些
html结构
html与CSS关系
浏览器主要作用是浏览网页作用,在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。
在CSS测试(CSS工具)里常用浏览器包括IE6、IE7、IE8、火狐(FF)、谷歌(chrome)、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核,所以不必考虑,只要支持你浏览器版本即支持类似这2款浏览器
需要兼容浏览器有哪些?http://www.51rgb.com/css-tool/t86.shtml
html是hypertext markup language的缩写,即超文本标记语言。可以这样理解,HTML文件是一定规则规律以html\htm等命名后缀名的文本文件。
HTML作用,通过一定html自身语法结构(html结构),显示文字、图片、动画(flash)、视频或音频音乐。而CSS则是配合html实现漂亮的各式各样的页面内容。
4、html我们涉及哪些基础知识
Html扩展名、html源代码、DOCTYPE、html结构、head标签、charset
a、B(strong):加粗
b、P:换行实例:<p>我是第一段内容</p><p>我是第二段内容</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>我占一行</div><span>我多长占多长位置</span>
两者区别:DIV占用1整排,而SPAN所占位置是内容多少占用多长长度
g、img:图片引用标签
<img src="/css-images/css-logo.webp" />图片标签
h、dl dt dd:CSS的另类表格组合
实例:
<dl>
<dt>我是标题</dt>
<dd>列表一</dd>
<dd>列表二</dd>
</dl>
j、title:标题标签
实例:<title>标题</title>
特点,在一个网页内只能使用一次(只能出现一次)
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>
<title>标题</title>
<meta name="keywords" content="关键字" />
<meta name="description" content="网页描述" />
<link href="这里CSS文件引入地址" rel="stylesheet" type="text/css" />
内容www.divcss5.com提供
搞清楚html与CSS关系很重要,也是认识CSS基础。html与CSS关系解释:HTML内放置显示网页要显示的具体内容(图片、文字、动画等)而CSS是控制HTML内这些具体内容的怎么显示、怎么排版、颜色、大小、宽度、高度、左右布局等显示样式。
以上7点是学习CSS的html基础,可能还不完善,但是在以后运用的时候DIVCSS5会给大家详细、本简单CSS教程分为15节,此节DIV CSS教程以文字内容为主,以后会穿插更多实例和图例、跟我做的内容希望对大家能有帮助。
|
最新内容
相关内容
关于asp.net mvc:如何在MVC中使用Ht
关于asp.net mvc:如何在MVC中使用HtmlHelper获取呈现的自定义ID,关于asp.net mvc:如何在MVC中使用HtmlHelper获取呈现的自定义ID,表单W3C XHTML/CSS 验证在完成工作时有
W3C XHTML/CSS 验证在完成工作时有多重要?,W3C XHTML/CSS 验证在完成工作时有多重要?,验证,运行,这是,是在,How important is W3C XHTM关于跨浏览器:使用CSS创建圆角
关于跨浏览器:使用CSS创建圆角,关于跨浏览器:使用CSS创建圆角,圆角,是一个,很好,如何使用,Creating rounded corners using CSS如何使关于css:FF3 WinXP!= FF3 Ubuntu-为
关于css:FF3 WinXP!= FF3 Ubuntu-为什么?,关于css:FF3 WinXP!= FF3 Ubuntu-为什么?,显示方式,网站,我在,有所不同,FF3 WinXP != FF3 Ubuntu如何在FogBugz维基页面中创建HTML
如何在FogBugz维基页面中创建HTML锚点?,如何在FogBugz维基页面中创建HTML锚点?,基页,链接,我想,单是,How do I create an HTML anchor关于html5:是否有理由不开始使用HTM
关于html5:是否有理由不开始使用HTML 5文档类型?,关于html5:是否有理由不开始使用HTML 5文档类型?,新功能,支持,尚不,兼容,Any reason no关于html:用户更改电子邮件地址时,“
关于html:用户更改电子邮件地址时,“确认电子邮件”是一种良好的输入习惯吗?,关于html:用户更改电子邮件地址时,“确认电子邮件”是一种如何使浏览器查看CSS和Javascript
如何使浏览器查看CSS和Javascript更改?,如何使浏览器查看CSS和Javascript更改?,浏览器缓存,文件,浏览器,我也,How can I make the browHTML抓取的选项?
HTML抓取的选项?,HTML抓取的选项?,用于,抓取,很想,上也,Options for HTML scraping?
我正在考虑尝试漂亮的汤,一个用于HTML抓取的pytho关于css:哪些网站提供免费的高质量
关于css:哪些网站提供免费的高质量网站设计模板?,关于css:哪些网站提供免费的高质量网站设计模板?,站点,模板,网站设计,列表,What sites关于html:如何在Web表单字段/输入标
关于html:如何在Web表单字段/输入标记上禁用浏览器自动完成?,关于html:如何在Web表单字段/输入标记上禁用浏览器自动完成?,浏览,禁用,特关于html:如何为我的网站提供iPhone
关于html:如何为我的网站提供iPhone图标?,关于html:如何为我的网站提供iPhone图标?,网站,显示,图标,还在,How do I give my websites an