温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML的基础知识介绍

发布时间:2020-06-03 17:33:18 来源:亿速云 阅读:283 作者:Leah 栏目:web开发

这篇文章主要为大家详细介绍了HTML的基础知识,文中示例代码和讲解比较详细,非常适合初学者入门,感兴趣的小伙伴们可以参考一下。

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的基础知识介绍就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果喜欢这篇文章,不如把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI