搭建网页HTML结构

前端之家收集整理的这篇文章主要介绍了搭建网页HTML结构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

div 块级标签

span 行内标签

<!DOCTYPE html>
<html lang="en"head>
    Meta charset="UTF-8"title>Document</bodydiv>
        img src="cat.jpg" alt="cat" width="50px">
        cat
    hr/>
    spanhtml>

 

 

 块级标签

<div>、<ul>、<ol>、<li>、<dl>、<dt>、<dd>、<h1>~<h6>、<p>、<form>、<hr>

行内标签

<b>、<em>、<img>、<input>、<a>、<sup>、<sub>、<textarea>、<span>


行内元素不能包含块级元素,只能包含其他行内元素

块级元素不能放在p标签

部分块级元素只能包含行内元素,不能再包含其他块级元素,如:

h1~h6 、 p、dt

块级元素与块级元素并列,行内元素与行内元素并列


案例实践

>indextable width="100%" rules="none"<!-- 顶部 -->
        tr bgcolor="#e1f2f9">
            td ="20%"><="images/logo.png"="logo"></td="60%" align="center">
                >暹罗猫>&nbsp;&nbsp;
                >布偶猫>苏格兰折耳猫>英国短毛猫>波斯猫>俄罗斯蓝猫>美国短毛猫>异国短毛猫="20%"
                快速通道&nbsp;select name="" id=""option value>喵~optionselecttr banner colspan="3"="images/banner.jpg"="banner"="100%" 新闻 ="3"="60%">
                    >
                        ="40%">
                            p>暹罗猫 布偶猫 >>>> 在古代,你家猫咪可能叫这个名字>> 同一个洞口猫咪钻进去后还钻得回来吗?>> 真香!网友带猫咪回家过年遭外公拒绝>> 猫咪洗澡也会致死?这不是个例>> 再可爱的猫咪,也会被你们“玩坏”! >> 猫咪闯进新闻播报现场,蹭记者腿求摸>> 我只是一只小猫咪,这样的日子实在是太难了>> 挨骂还这么跩!猫咪歪头到底为了啥?>波斯猫 俄罗斯蓝猫 >>>> 猫咪若不会站立,那还是喵星人么?>> 喵:解放“双手”的感觉真好!>> 为了孕妇要抛弃猫咪吗?>> 我家猫咪,今天又来叫我起床了!>> “自从养了猫,每天早晨都要被猫咪舔醒”>> 如果猫咪也会发朋友圈,会是什么样的呢?>> 猫:根本停不下来>> 有这些表现的猫咪,说明它把你当妈妈了="images/weixin.png"="weixin">近期专题>
                                >
                                    align>
                                        ="images/1.png"="1">喵喵喵="images/2.png"="2"="images/3.png"table 友链  bgcolor="#e1f2f9"="center" height 页脚 ="#89a9bd"="80px"
            copyright &copy; 2020 cyy all right deserved
        >

 

猜你在找的HTML相关文章