通常站点根目录下的目录层次结构如下:
images -- 存放图片 common -- 存放后台文件 style -- 存放 css 文件 script -- 存放 js 脚本文件
include -- 存放开发人员自己开发的功能函数文件 temp -- 临时文件 media -- 存放网页上的多媒体文件
news/product/blog -- 根据主页上的内容划分相应的栏目版块
==========================================================================================================================================================
基础知识:html 语言代码中大量出现 <;元素>,有些 元素 是有 属性 的,那么 属性 是有 值 的
有些 元素 是关闭的,有些是非关闭的
======================================================================================================
整体的结构:HTML 部分 <HTML> …… </HTML> 标段之间为 html 语言的网页
头部 <head> …… </head> 写入内容为网页不显示内容,如标题栏
标题 <title> …… </title> 标题栏中的内容,不会显示在网页中,应该包含在 头部 里面
主体 <body> …… </body> 整个网页的主体内容
例:<html>
<head>
<title> 北大青鸟昌平校区 </title>
</head>
<body>
网页内容
</body>
</html>
------------------------------------------------------------------------------------------------------
在 标题栏 中存在一个特殊的元素,属于 head 中的辅助性 元素,其中提供网页的相关信息,如作者,公司,关键字等,搜索引擎所关注的就是这个内容。
<meta> 该元素中存在一些 属性:name 描述网页
属性值:content 便于搜索引擎机器人查信息和分类信息
属性参数 author 作者;keywords 关键字;robots 机器人向导,索引向导,告诉机器人哪些页面需要索引
<meta name = "author" content = "terry">
<meta name = "keywords" content = "IT,教育,职业人">
<meta name = "robots" content = "all">
======================================================================================================
空格 字符 ; 快捷键 Shift+Ctrl+空格
css鼠标点击样式---------------------------------------------------------------------
换段 元素 <p> </p>
关闭型元素,也可以写成非关闭元素,即只写 <p> 即可
---------------------------------------------------------------------
换行 元素 <br /> 快捷键 Shift+Enter
非关闭元素
---------------------------------------------------------------------
水平线 元素 <hr />
非关闭元素
---------------------------------------------------------------------
表格 元素 <table>
<tr> 行 元素
<td> </td> 列 元素
<td> </td> 列 元素
</tr>
<tr> 行 元素
<td> </td> 列 元素
</tr>
</table>
---------------------------------------------------------------------
图片 元素 <img src="路径" />
---------------------------------------------------------------------
设置链接的目标有如下四种
_blank 将链接的文件加载到一个新的浏览器窗口中
_parent 将链接的文件加载到含有该链接的框架的父框架集窗口中
_self 将链接的文件加载到该链接所在的同一框架中
_top 将链接的文件加载到整个浏览器窗口中,因此会删除掉所有的框架
-------------------------------------------------------------------------
层的可见性有如下四种
default 默认不指定可见属性,此时为“继承”
inherit 继承,使用该层的父级的可见属性
visible 可见,与父级的值无关
hidden 隐藏层中的内容,与父级的值无关
--------------------------------------------------------------------
创建 CSS 规则时,会有三种参数:
类 -- 生成的样式前面会有一个 点 .
标签 -- 改变 HTML标记中的默认形式
高级 -- 分为 ID 选择器 - 生成的样式前面带有一个 #号,控制页面中某个具体ID的 DIV
伪类 选择器 -控制超链接文本样式
a:link 链接显示样式
a:visited 已经访问过的链接显示样式
a:hover 鼠标悬浮在链接上的显示样式
a:active 鼠标点击住链接瞬间的显示样式
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论