前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

web开发之-前端html(1)(web前端开发html总结)

由上面我们知道一个html中是有各种元素用来呈现不同的元素的,今天我们就来整理一下常用的元素!

块元素:div

html中的元素分为块级元素和内联元素,其中块级元素单独占一行,而多个内联元素是在同一行的,如果放不下就会自动换行,div就是我们常用的块级元素,span是我们常见的内联元素,比如:

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <div>我是块级元素1</div>
        <div>我是块级元素2</div>
        <span>我是内联元素1</span>
        <span>我是内联元素2</span>
    </body>
</html>



段落:p

我们可以把大段文字分不同的段落,如下:

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <p>我是段落1</p>
        <p>我是段落2</p>
    </body>
</html>


注:虽然效果和div差不多,但是,最好见词知意!

超链接:a

在网站中,我们点一个文字就会跳转到别的网站,这就是超链接的功能,下面我们添加一个跳转到百度的超链接:

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <a href="http://www.baidu.com">我是超链接跳转</a>
    </body>
</html>


我们点击文字就会跳转到新的界面

标题:h1~h6

网站中的标题使用h1至h6来进行设置,越来越小,如下:

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        <h1>我是h1标题</h1>
        <h2>我是h2标题</h2>
        <h3>我是h3标题</h3>
        <h4>我是h4标题</h4>
        <h5>我是h5标题</h5>
        <h6>我是h6标题</h6>
    </body>
</html>


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言