XHTML基础知识一

上周学习了XHTML,所有的XHTML文档都有三个档级的元素:html,head,body。

一、在XHTML中应注意:

1.标记必须小写;

2.属性必须小写;

3.标记必须正确嵌套;

4.标记必须关闭;

5.空元素也必须关闭;

6.属性值必须用双引号括起来。

XHTML文档正文中一些常用标记:

1.定义正文标题。(提供了六个元素h1,h2,h3,h4,h5,h6)

<h1>-----</h1>

2.定义一个段落。

<p>---</p>

3.定义引用文本。

<blockquote>-----</blockquote>

4.定义列表。

有序列表:

<ol>

  <li>-----</li>

  <li>-----</li>

  -----

</ol>

无序列表:

<ul>

  <li>-----</li>

  <li>-----</li>

  -----

</ul>

定义列表:

<dl>

  <li>-----</li>

  <li>-----</li>

  -----

</dl>

5.定义预编排文本。

<pre>-----</pre>

6.定义分区块文本。

<div>---</div>

7.跨越多个字符。

<span>-----</span>

8.特殊字符。

&nbsp;空格

&lt;左尖括号或者小于号

&gt;右尖括号或者大于号

&copy;版权符号

&reg;已注册符号

&amp;and符号&

—长破折号

9.超链接

<a href="目标url">描述文本</a>

10.在网页中显示图形。

<img src="要显示的图像地址"/>

二、表单

<form>-------</form>

<form>标记还有的其他属性。(accept accept-charset enctype name id)

创建HTML输入控件的元素有三种:input;select和option;textarea。

其他表单元素和属性:

label元素为表单字段定义了一个文本标签。

<label for="相关标记的id">标签文本</label>

三、CSS中的选择器

基本选择器

1.标签选择器:直接用标签名

2.类选择器:在标签中必须有class属性,class属性值前面加点

3.id选择器:在标签中必须有id属性,id属性值前面加“#”

4.属性选择器:用[ ]将标签等值的属性或者属性值阔起来

复合选择器

1.交集选择器:两种或多种选择区紧挨着一起写

2.并集选择器:两种或多种选择器卸载一起并且用“,”隔开

3后台选择器:两种或多种选择器卸载一起并且用空格隔开

      第一个选择器的所有后代选择器都会被作用

时间: 2024-10-11 07:41:07

XHTML基础知识一的相关文章

(转)第一天 XHTML CSS基础知识 文章出处:标准之路(http://www.aa25.cn/div_css/902.shtml)

欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂. 由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教

XHTML CSS基础知识

学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局.如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂. 由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css)布局,会使用web标准制作出常见的页面,这也达到了本教程的目的. 本教程多以实例形式循序渐进讲解,实例涉及到哪些关键点或难点就讲解什么,较少讲解概念.因为概念这些东西很难说明白,或者说明白你也不一定

XML基础知识

1.XML基础2.XML语法3.XML DOM4.Javascript解析XML文档 1.XML基础eXtensible Markup Language 可扩展标记语言XML是一种平台无关的用于携带和传送数据的方法. ~~~~xml主要是描述数据是什么,一般没有数据如何呈现的信息,有别于HTML,HTML可以说是xml的一种实现.(注:xhtml才是xml的一种实现) xml文档可以用IE 文本编辑器或者专门的XML编辑器浏览 ~~~xml不同平台的数据交换,但不适合大批量数据的存储与处理(有别

DIV+CSS网页布局常用的一些基础知识整理

CSS命名规范一.文件命名规范 全局样式:global.css:框架布局:layout.css:字体样式:font.css:链接样式:link.css:打印样式:print.css: 二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer 版 权:copyright 导 航:menu主导航:mainMenu子导航:subMenu 标 志:logo标 语:banner标 题:title侧边栏:sidebar 图 标:Icon注 释:note

转载 前端基础知识体系 一个新手的学习之路

原帖地址:  转载的原因是我学习前端和php已经4个多月了.看看自己还有那些不足.自己得努力学习,牛人太多.红色是我会的,或者学过的.希望今天把大部分飘红. 一.HTML 标签的分类 标签表示一个元素 按性质划分: Block-Level和Inline-Level 按语义划分: Headings: h1, h2, h3, h4, h5, h6 Paragraphs: p Text Formatting: em, strong, sub, del, ins, small Lists: ul, li

JS基础知识回顾:在HTML中使用JavaScript

想HTML页面中插入JavaScript的主要方法就是使用<script>元素. HTML4.01当中为<script>元素定义了下列6个属性: language(已废弃):原来用于表示编写代码使用的脚本语言,如JavaScript.JavaScript1.2.VBScript等,由于大多数浏览器会忽略此属性,因此就没有必要再用了: type(可选):可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型,也被称作MIME类型,在未指定此属性的情况下会被默认为t

移动端基础知识技巧总结

上个周周末,接手了一个移动端的(外包)小项目,一直着手于PC端,对移动端还是一知半解,所以这也是我的一个挑战,因此,今天心血来潮,总结一些移动端的基础知识和技巧供自己以后方便查阅,欢迎大家补充或转载: 一.单位(px,em,rem) 1.px:屏幕设备物理上能显示出的最小的一个点,不同设备上点的长宽,比例不一定相同: 2.em/rem:相同点:都是一个相对大小的值:不同点:em是相对父级元素,rem是相对html(默认值视浏览器而定,Chrome的默认为16px): rem单位在移动端前端开发很

【干货】移动端基础知识技巧总结

上个周周末,接手了一个移动端的(外包)小项目,一直着手于PC端,对移动端还是一知半解,所以这也是我的一个挑战,因此,今天心血来潮,总结一些移动端的基础知识和技巧供自己以后方便查阅,欢迎大家补充或转载: 一.单位(px,em,rem) 1.px:屏幕设备物理上能显示出的最小的一个点,不同设备上点的长宽,比例不一定相同: 2.em/rem:相同点:都是一个相对大小的值:不同点:em是相对父级元素,rem是相对html(默认值视浏览器而定,Chrome的默认为16px): rem单位在移动端前端开发很

HTML DOM基础知识

HTML DOM基础知识 一.什么是DOM? 1.HTML DOM 定义了访问和操作HTML文档的标准方法. 2.HTML DOM 把 HTML 文档呈现为带有元素.属性和文本的树结构(节点树). 3.通过 JavaScript,您可以重构整个 HTML 文档.您可以添加.移除.改变或重排页面上的项目.要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口.这个入口,连同对 HTML 元素进行添加.移动.改变或移除的方法和属性,都是通过文档对象模型来获得