html-常用标签

  • base 基础标签
  • href 给页面所有的相对路径规定默认的基准URL
  • target a链接默认窗口模式,下面a链接会覆盖当前的设置
  • h1-h6标题标签 文字的大小依次减小,在文档中的重要性也依次变小,标题一般只用一次,宽度独占一整行
  • p标签 段落标签,宽度占据一整行,高度适应文本高度
  • hr 水平分割线单标签,没有结束标签
  • br 换行标签,一般结合段落使用
  • qoute q 标签,引用标签,标签大小适应内容大小
  • code标签 告诉浏览器内部是代码,大小适应内容
  • pre:预处理标签,告诉浏览器内容愿样式显示,保留空格换行等
  • strong标签 强调加粗 em标签:强调斜体 b:加粗 i: 倾斜 上标:sup 下标:sub
  • img:图片标签 src:图片路径 网络路径和本地路径 alt: 图片描述 图片加载失败显示
  • 相对路径:./:从根目录到当前文件下,可以省略,同第一种写法 ../返回上一级
  • a标签:超链接 href:跳转位置(网络链接,本地地址)target:1._self:默认:当前窗口打开2._blank:新的页面 eg:
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="index1.html" target="_blank">index1</a>

    <a href="#">返回顶部</a>

    <a href="#qqq">超文本标记语言</a>

  • 列表:无序列表,有序列表,自定义列表 eg:

    <ul>
    <li style="background-color:red;">H5</li>
    <li>IOS</li>
    <li>Android</li>
    </ul>

    <ol style="background-color:red;">
    <li>吃饭</li>
    <li>睡觉</li>
    <li>打豆豆</li>
    </ol>

    <dl>

    <dt style="background-color:red;">内容标题</dt>

    <dd style="background-color:green;">标题内容1</dd>
    <dd>标题内容2</dd>
    <dd>标题内容3</dd>

    <dt>内容标题</dt>

    <dd>标题内容1</dd>
    <dd>标题内容2</dd>
    <dd>标题内容3</dd>
    </dl>

总结:

  • 1.块元素:p pre ul ol li dl h1-h6等
    {
    特点:默认都占一行
    支持设置宽高
    高度自适应(自适应内容)
    支持所有css样式
    }
  • 2.内嵌元素(行元素):
    {
    特点:可以同行显示
    内容撑开宽高
    不支持宽高设置
    有些css样式不支持(margin)
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 标题标签:h1~h6 双标签 块级 无默认属性 段落标签:p 双标签 块级 有默认属性margin 不能嵌套块级...
    放飞吧自我阅读 217评论 1 1
  • 今天韩老师主要讲了HTML的常用标签,在我的今天的学习当中,主要学习到了一些行级标签以及块级标签,主要内容如下所示...
    likeli阅读 252评论 1 2
  • 文档元数据 元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件 (如搜索引擎, 浏...
    PYFang阅读 341评论 0 0
  • (一)常用标签 divspanulolaimgformbuttoninputtableh1, h2, h3pree...
    07120665a058阅读 571评论 3 4