html元素(标签)

html元素(标签)

<!DOCTYPE html>
<html>
    <head> <!-- 头标签用于存放<meta><title>等标签 -->
    <meta charset="utf-8"> <!-- 设置编码 -->
    <title>html5</title> <!-- 设置标题 -->
    <link rel="stylesheet" type="text/css" href="mystyle.css"><!-- 定义了外部文件 -->
    <style type="text/css"></style> <!-- 样式 -->
    <script></script> <!-- javascript脚本 -->
    </head>
    <body> <!-- 用户所收到的页面 -->
        <p>段落标签</p>
        <a href=""  target="_blank"> target="_blank"</a>
        <img src="url" alt="" height="" width=""> <!-- 图片标签 -->
        <hr> <!-- 定义水平线 -->
        <br> <!-- 换行 -->
        <table border="1"> <!-- 表格 -->
            <tr>
                <td>row 1, cell 1</td>
                <td>row 1, cell 2</td>
            </tr>
            <tr>
                <td>row 2, cell 1</td>
                <td>row 2, cell 2</td>
            </tr>
        </table>
        <ul> <!-- 无序列表 <ol>是有序列表 <dl>自定义列表-->
            <li></li>
        </ol>
            <li>元素1</li>
            <li>元素2</li>
        </ul>
        <div></div> <!-- 块级元素 -->
        <span></span> <!-- 内联元素 -->
        <form><input type="" name=""></form> <!-- 表单 -->
        <iframe src="URL"></iframe> <!-- 框架 -->
    </body>
</html>

1.块级元素(block)特性: 1.1.总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示; 1.2.宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 1.3.设置display:block;可以将元素转换块级元素。 2.内联元素(inline)特性: 2.1.和相邻的内联元素在同一行; 2.2.宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变,就是里面文字或图片的大小; 2.3.设置display:inline;可以将块状元素转换为内联元素

原文发布于微信公众号 - 编程坑太多(idig88)

原文发表时间:2018-03-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python研发

CSS,注意点!!!!!!!

4、用css给body标签加个 margin:0(用于消除body边框和浏览器间的空白部分)

14530
来自专栏电光石火

CSS几个竖直与水平居中盒子模型

水平居中:text-align: center; 竖直居中:line-height: 30px(30为层高)

23380
来自专栏有趣的django

18.CSS

选择器 1.标签上直接设置style属性 <p style="color: red">直接标签里面写</p> 2.id选择器 <style> ...

34770
来自专栏Python

css样式—字体垂直、水平居中

<div class="tt">啦啦啦</div> .tt{ padding: 0px; width:500px...

253100
来自专栏十月梦想

CSS边框

border-方向:width style color(border对应分别是宽度 样式 颜色中间空格隔开。)

10130
来自专栏十月梦想

CSS基础总结

                background:url() no-repeat position

7810
来自专栏菜鸟计划

CSS布局(二) 盒子模型属性

盒子模型的属性 宽高width/height   在CSS中,可以对任何块级元素设置显式高度。   如果指定高度大于显示内容所需高度,多余的高度会产生一个视觉效...

50870
来自专栏Ryan Miao

css学习--css基础

学习慕课网笔记,课程:http://www.imooc.com/code/2024 1.css选择器 子选择器:parent>child 子选择器是指选择pa...

298100
来自专栏十月梦想

框模型

     元素框的实际宽度:width+左右外边距+左右border边框+左右内边距

14530
来自专栏Android干货

自定义控件详解(一):Paint类与Canvas类

20040

扫码关注云+社区

领取腾讯云代金券