当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

HTML、XHTML、DIV+CSS基础学习

1 、布局(定位、元素的位置)

2 、样式(颜色、宽度、高度、边框等)
XHTML 简介
XHTML是 EXtensible HyperText Markup Language(可扩展超文本标记语言) 的英文缩写,而HTML则是 HyperText Markup Language(超文本标记语言)。

XHTML是在2000年1月26日被国际标准组织机构W3C(World Wide web Consortium)定为一个标准的,认为是HTML的一个最新版本,并且将逐渐替换HTML。现在所有的浏览器都支持XHTML,XHTML兼容 HTML 4.0。

XHTML是HTML升级为XML的过渡产品,被定为一个标准,XHTML完全兼容HTML4.01,并且具有XML的语法。
HTML->XHTML->XML

CSS
概述、结构与样式的分离
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义了如何显示 HTML 元素
样式通常存储在样式表中 (样式表是一个css文件)
把样式添加到 HTML/XHTML 中,是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
参考: shop/index.html

常用HMTL标签(html,head,body,form)、列表、表格
参考: html.html html1.html
文件类型 <html></html>
文件标题 <title></title>
文件头 <head></head>
文件体 <body></body>
加粗 <b></b>
斜体 <i></i>
下划线 <u></u>
下标 <sub></sub>
上标 <sup></sup>
字体大小 <font size=?></font>
字体颜色 <font color="#$$$$$$"></font>
链接 <a href="url" target="_blank"></a>
设定锚点 <a name="***"></a>
链接锚点 <a href="#***"></a>
图形 <img src="url">
取代文字 <img src="url" alt="***">
段落 <p></p>
著作权符号 &copy;
表格<table></table>
表格行<tr></tr>
储存格 <td></td>(须与列并用)
注释<!-- 注释内容 -->

注意:html的内容中一般不能有',",<,>,&这几个符号(如果有,可能会出问题),如:
<a href="http://www.xiaofeicn.com/article.php?id=9237" title="跟着热心许大哥"玩“装修----收房篇<牛阳他奶奶的装修日记> " target="_blank">跟着热心许大哥"玩“装修----收房篇<牛阳他奶奶的装修</a>
这样会导致html页面中的内容显示有问题。我们可以用PHP的函数htmlspecialchars处理后,再在html标签中显示出来。

form表单简介(form表单常见输入类型)、表单对象
参考: form.html
定义表单 <form action="url" method=get|post></form>
上传表单 <form enctype="multipart/form-data"></form>
输入栏位 <input type="text|password|checkbox|radio|image|button |hidden|submit |reset">
字段名称 <input name="***">
字段默认值 <input value="***">
已选定 <input checked="checked"> (适用于checkboxes与 radio boxes)
输入框宽度 <input size=?> (以字元数为单位)
可以输入的最长字数 <input maxlength=?> (以字元数为单位)
下拉式选单 <select></select>
下拉式选单名称 <select name="***"></select>
选单项目数量,会显示出几行 <select size=?></select>
多选式选单 <select multiple> (多选)
选项 <option value="***">***</option>
默认选中项 <option selected="selected">
文字输入区 <textarea rows=? cols=?></textarea>
输入区名称 <textarea name="***"></textarea>
n2.0 输入区换行方式 <textarea wrap="off|virtual|physical"></textarea>


共2页 首页 上一页 1 2 下一页 尾页 跳转到
相关内容
赞助商链接