zoukankan      html  css  js  c++  java
  • 寒假Day34:HTML标签+段落与文字+列表

    HTML标签、段落与文字

    一般只有6个标签能放在<head>标签内:

    <title> <link> <style> <script> <base>
    <meta>:该标签提供的信息不显示在页面中;目的是便于搜索引擎搜索到主要关键字;其两个重要属性:name、http-equiv(作用:定义页面所使用的语言、实现页面的自动刷新跳转)
         定义网页的基本信息(供搜索引擎)

    html共有六级标签,h1只能有一个(作为总标题),其他可以有多个

    <p>    </p>:段落标签,每个段落标签会自动换行,且会有段落间距出现,但是不会有首行缩进,所以需要手动添加空格

    &nbsp; :空格

    <br/>:自闭合标签,换行标签,不会导致行与行之间出现间距

    <strong </strong>:加粗

    <em </em>:斜体

    <sup </sup>:上标标签 superscripted

    <sub </sub>:上标标签 subscripted

    <s <s/>:删除线标签,一般用css实现

    <u </u>:下划线标签,一般用css来实现

    <hr/>:自闭合标签,水平线标签

    <div </div>:区隔标签,分别独占一行,内容放里面

    &+特殊字符+; :输入特殊字符  (直接输入;输入该字符对应的代码)

    &euro;    €欧元    
    &pound;   £英镑    
    &yen;     ¥日元    
    &deg;     °度    

    块元素:独占一行(在浏览器显示效果独占一行)的,块元素内部可以包含其他块元素或行元素

    行内元素:两个行内元素可以位于同一行,行内内部可以容纳其他行内元素,但不可以包含块元素

    HTML列表

    分为三种:有序、无序、定义列表

    有序列表(常用)

    有序列表(默认数字递增)

    <ol>   
        <li>内容</li>
        <li>内容</li>
    </ol>

    <ol>和<li>不可以单独使用,而且<ol>内部一般情况下只能存在<li>;

    如果不想要数字,可以通过有序列表的type属性来改变:

    只需将第一行改为

    <ol type="a">

    就变成a、b、c...递增了

    a也可以替换成A、i、I(后两个是大小写罗马数字)

    无序列表(最常用)

    <ul>
        <li>内容</li>
        <li>内容</li>
    </ul>

    默认小黑点

    符号类型:disc(默认小黑点)、circle(空心圆)、square(实心小方块)

    <ul type="符号类型">
        <li>内容</li>
        <li>内容</li>
    </ul>

    文本不能直接放在ul元素内部,可以放在body下,ul上

    定义列表(少用)

    <dl>
        <dt>定义名词</dt>
        <dd>定义描述</dd>
        …………
    </dl>

    <dd>用于文本缩进,但是会造成不好的后果

    In Addition:

    使用标签为了语义化,使用语义化标签可以使代码更规范

    没有p标签,css直接就给你用body样式了

    另外语义化对屏幕阅读器等无障碍阅读、搜索引擎、建站初期找bug也有很重要的作用,这也是学习html的目的

    学习的目的:学习更多标签、把正确的标签用在正确的位置

  • 相关阅读:
    英语面试-Behavioral Question
    算法与数据结构-各种循环的时间复杂度分析(英语)
    英语面试-Behavioral Question
    CS硕士全日制考研资料(含完整复习计划)
    算法与数据结构-树-简单-合并二叉树
    算法与数据结构-树-简单-二叉树的所有路径
    gcd的理解
    数学总结
    图论总结
    数据结构总结
  • 原文地址:https://www.cnblogs.com/OFSHK/p/12336011.html
Copyright © 2011-2022 走看看