XHTML入门知识

最新推荐文章于 2024-06-13 14:36:30 发布

abao7781

最新推荐文章于 2024-06-13 14:36:30 发布

阅读量105

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/nonameG/p/4753342.html

版权

W3C规定的结构化标准语言XHTML(课扩展超文本标记语言）有自己独特的语法规则

1总体结构

<html>
<head lang="en">
    头文件
    <meta charset="UTF-8">
    <title>标题</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>
    正文内容
</body>
</html>

注：为了标准化请在头部加入通配符*{}，内容是为了让网页开头处于左上定格位置！

2.XHTML文档正文<body>

    <h1></h1>
    <p></p>
    <blockquote></blockquote>
    <ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <dl>
        <dt></dt>
        <dd></dd>
    </dl>
    <pre></pre>
　　<div></div>
    <span></span>
</body>

hx标签：定义正文标题用,X的范围（1-6)能自动从大到小显示出加粗标题（一般就到4）；

p标签：定义一个段落；

blockquote标签：定义一个引用，多用于名人名言，会自动缩进。

list标签：分为三种1有序列表（会在每行列表前面自动生成一个有序整数）

　　　　　　　　 2无序列表（会在每行列表前面自动生成一个小圆点或者方块）

　　　　　　　　 3定义列表（由dt即列表头部名和dd列表内容名组成）

pre标签：你在源代码中代码是这个样子用了这个标签duang一下显示出来还是这个样子

div标签：用法同P标签，但是配合CSS在页面布局时大量使用！

span标签: 在段落中将部分字符格式化，常用于文本字体颜色、粗心、下划线等

注：一些特殊字符   空格

　　　　　　　　⁢ 小于号

　　　　　　　　> 大于号

　　　　　　　　® 已注册符号

　　　　　　　　& and符号

　　　　　　　　 长破折号

3表格详解

经常需要在网页中显示多行多列给用户，这里XHTML提供了表格Table来制作

<table>
        <tr>
            <th colspan=""></th>
        </tr>
        <tr>
            <td rowspan=""></td>
        </tr>
</table>

table标签：定义一个表格, 其中cellpandding属性规定了边框到内容区的边距；cellsapacing规定了单元格与边框之间的距离；

tr标签：定义一行；

th标签：定义表格标题行；

td标签:定义每个数据单元；

rowspan标签：合并的行数；

colspan标签：合并的列数；

4表单详解

<body>
<form action="" name="MyForm" method="post">
    <!--菜单输入控件-->
</form>
</body>

form标签：action=""处理程序的URL，#为当前；method为用户如何发送数据（get/post）最好用后者

一些输入控件：input tpye; 能够根据tpyp=""的不同，生成文本(关键词text size maxlength)、口令(password)、复选框(checkbox 注每段input name=""内容必须相同)、单选框(radio 注每段input name=""内容必须相同)、提交和重置按钮(submit reset value="要显示的内容")、

　　　　　　 select option；下拉菜单(关键词 option value="")

　　　　　　　textarea;多行输入文本框

　　　　　　　label标签；定义网页可访问行，后面跟input type="text"（前后段for=""id=""内容必须相同）

　　　　　　　fieldset和legend标签；定义一个表单的容器，会显示一个细边框的盒子legend标签放在fieldset内部，作用为在盒子上加一个标题。

一些有用的属性：Tabindex;按下Tab键来切换输入控件的顺序

　　　　　　　　Accesskey;按下设置好的键位可以直接跳到输入控件上

块级元素与内嵌元素

XTML元素分为块级元素和内嵌元素两种类型，唯一的区别就是前者定义的文本会换行而后者不会！

常见块级元素： div blockquote dl ol ul form hx hr p pre table等；

常见的内嵌元素（行内元素）：span a img label iframe object等；

转载于:https://www.cnblogs.com/nonameG/p/4753342.html

abao7781

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
XHTML入门知识

W3C规定的结构化标准语言XHTML(课扩展超文本标记语言）有自己独特的语法规则1总体结构<html><head lang="en"> 头文件 <meta charset="UTF-8"> <title>标题</title> <style> *{ ...
复制链接

扫一扫