<HEAD>
<TITLE>每天进步一点点</TITLE>
</HEAD>
<BODY bgcolor=#CCFFFF>
网页设计全方位学习
<hr>
<p>网站开发是一门新生的科学</p>
</BODY>
</HTML>
HTML语言的组成:
HTML文档由HTML,HEAD和BODY三大元素构成。
<HTML>是最外层的元素,表示文档的开始,浏览器从<HTML>开始解释
<HEAD>是HTML文件头标记符,即文档头。包含对文档基本信息(包含文档标题,文档搜索关键字,文档生成器等属性)描述的标记
<BODY>位于首部下面,用于定义一个HTML文档的主体部分,包含对网页元素(文本,表格,图片,动画和链接等)描述的标记。
HTML的语法:
HTML语法由标签(Tags)和属性(Attributes)组成。标签又称标记符,HTML是影响网页内容显示格式的标签集合,浏览器主要根据标签来决定网页的实际显示效果。在HTML中,所有的标签都是用尖括号括起来。
标签可分为单标签和多标签两种:
单标签:
单标签的形式为<标签 属性=参数>,
最常见的如强制换行标签<BR>,分隔线标签<HR>,插入文本框标签<INPUT>
双标签:
双标签的形式为<标签 属性=参数>对象</标签>
如定义“奥运”两个字为5号,颜色为红色的标签为:<font size=5 color=red>奥运 </font>
html 样式 :一般使用 css 来渲染HTML元素标签的样式.
一般有四种方法实现
1 行内样式
在HTML标签中直接用style添加 , 最直接,同时修改也很不方便 一般呢都不建议使用
如下
<!--行内样式-->
<h1 style="font-family: '微软雅黑'color:red">非常感谢曾经帮助过我的人,使得自己的技术有了很大的提升</h1>
2 内嵌样式
将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中
3 连接样式
将一个.css 样式文件导入 head 中
使用先创建一个.css文件 然后用link 导入在head标签中
例如
<link href="css/me.css" type="text/css" rel="stylesheet"/>
4 导入样式
使用@import 将.css文件样式引入在style中 ,改变样式
导入式会在整个网页装载完后再装载CSS文件,因此这就导致了一个问题,如果网页比较大则会儿出现先显示无样式的页面,闪烁一下之后,再出现网页的样式。这是导入式固有的一个缺陷。
导入样式有很多写法,可以导入文件路径引用或者 url