前端的基础

1.标题元素
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
   特点:
        ①独占一行
            ②粗体显示
            ③调整字体大小
            ④自带上下外边距
     属性:
            ①align 水平对齐方式
            取值:left左(默认值)/center居中/right右
2.水平线
    <hr>
    属性:
         ①color 颜色
         ②width 宽度
            取值:npx像素点,n%占父元素的百分比
       ③ size 粗细
             取值:npx(像素点)
3.段落元素
  <p></p>
    特点:
      ①独占一行
            ②自带上下"外边距"
    属性:
        ①align 水平对齐
             取值:left左(默认值)/center居中/right右
4.块分区元素
  <div></div>
    特点:
          ①独占一行
    属性:
        包裹其他元素,对页面进行分区.
5.列表元素
  5.1有序列表
      <ol></ol>有序列表容器   <!-- order顺序list列表 -->
       <li></li>列表项        <!-- list列表item条目 -->
    ol的属性:
          ①style 列表项的前导符
          取值:
              1 阿拉伯数字(默认值)
                a 小学英文字母
                A 大写英文字母
                i 小写罗马数字
                I 大写罗马数字 规则如下
                  I 表示1,V表示5,X表示10
                    I 最多写三个,
                    I 写在V或者X的左边表示-1
                    I 写在V或者X的右边表示+1
          ②start 前导符的起始字符
                  取值:自然数 如:3 表示从字符列表中的第三个字符开始
    5.2无序列表
      <ul></ul>无序列表的容器 <!-- unorder无序列表list列表 -->
    ul的属性:
          ①type 列表项的前导符
            取值:
              ①disc 实心圆点(默认值)
                ②circle 空心圆
                ③square 实心方块
                ④none 无前导
6.文本样式
      <b>粗体</b> <!-- bold粗体 -->
        <i>斜体</i> <!-- italic斜体 -->
        <s>贯穿线</s> <!-- strike贯穿 -->
        <u>下划线</u> <!-- underline下划线 -->
        <span>行分区元素</span> <!-- span跨越 -->
        作用:包裹其他行内元素,或文字,本身没有任何效果
        <sup>上标</sup>
        <sub>下标</sub>
7. 特殊符号
    格式:
            &xxxx;
        例如:
            ①空格&nbsp; <!-- new新blank空白space空间 -->
                ②大于&gt; <!-- great大than比 -->
                ③小于&lt; <!-- less少than比 -->
                ④版权&copy; <!-- copyright版权 -->
                ⑤注册&reg;<!-- register注册 -->
                ⑥乘号&times; <!-- times乘以,翻倍 -->
                ⑦人民币&yen; 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值