码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础知识1

时间:2020-01-30 15:50:48      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:title   pre   block   作用   rowspan   水平对齐   超链接   垂直居中   table   

HTML基本架构
HTML文件包括文件头和文件体两部分构成,一般情况下HTML文件的结构如下所示:

<html>
        <head>
        头部信息
        </head>
        <body>
        文件主体,正文部分
        </body>
</html>

常用标签
&lt;b&gt;加粗的文字&lt;/b&gt;
<i&gt;倾斜的文字&lt;/i&gt;
&lt;del&gt;删除线&lt;/del&gt;
&lt;ins&gt;插入线&lt;/ins&gt;
&lt;sub&gt;作为下标的文字&lt;/sub&gt;
&lt;sup&gt;作为上标的文字&lt;/sup&gt;
&lt;blockquote&gt;需要进行缩进的文字&lt;/blockquote&gt;
换行:<br>
段落:<p>一段文字</p> 段落上下空两行
&lt;center&gt;段落居中&lt;/center&gt;
水平分割线:<hr>
在网页中插入图像:
<IMG SRC="URL" ALT="替代文本" NAME="名字" WIDTH="宽度"
HEIGHT="高度" BORDER="边框” ALIGN="对齐方式" >
超链接
在HTML中,创建超链接的标记是<A>。<A>标记是双标记。以<A>开始,以</A>结束。<A>标记创建的链接能指向一个HTML页面、一幅图像、一个视频文件等任何资源。
<A NAME="锚名称" HREF="URL" TITLE="标题" TARGET="目标">超链接文字</A>
?超链接由以下五个重要组成部分:
?(1)在一个超链接里,最重要的部分是目标地址。当浏览者单击该超链接时,会出现什么内容,全是由目标地址来决定的。
?(2)超链接的第二个重要部分是链接文字,这个文字的作用是让浏览者看到并单击。
?(3)超链接的第三个组成部分是标题。
?(4)超链接的第四个组成部分是目标窗口。
?(5)超链接的第五个组成部分是锚。
表格

<table width=“表格宽度” height=“表格高度”>
            <tr>
                    <td>标题栏1</td>
                    <td>标题栏2</td>
            </tr>
            <tr>
                    <td>内容1</td>
                    <td>内容2</td>
            </tr>
</table>

对齐
表格都是由行组成的,行也可以设置对齐方式。通过对行的对齐方式的设定,可以使表格更加整齐。表格行的对齐方式包括水平对齐方式和垂直对齐方式。
valign属性可以设置行的垂直对齐方式,就是使行里面的内容都垂直对齐,其中默认为垂直居中对齐。

 <table>
            <tr valign="">
                        <td>表格内容</td>
            </tr>
 </table>

align属性可以设置行的水平对齐,就是使行里面的内容都水平对齐,
其中默认为水平居左对齐。

 <table>
                <tr align="">
                                <td>表格内容</td>
                </tr>
 </table>

跨行与跨列
在一个表格里,有时候我们想设置的表格中,并不一定每行每列的行数和列数都是一样的。这时候我们就需要进行行和列的合并.
跨列colspan:

<table>
            <tr>
                    <td colspan=所跨的列数>表格的内容</td>
            </tr>
 </table>

跨行rowspan:

 <table>
            <tr>
                    <td rowspan=所跨的列数>表格的内容</td>
            </tr>
 </table>

HTML基础知识1

标签:title   pre   block   作用   rowspan   水平对齐   超链接   垂直居中   table   

原文地址:https://blog.51cto.com/14310201/2468619

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!