Web前端开发基础知识参考(1)

       作者最近正在学习Web前端开发,学习永远不是一蹴而就,要不断总结,不断进步,更上一层楼


        一下有用操作
        Alt+shift+pgdn
        ctrl+/
        ul>li{11111}*3再回车

        常用标签
        1.<h1><h2>表示标题大小
        
        2.<p>段落文本内容</p>
        标识一个段落(段落与段落之间有段距离)
        
        3.换行(br)
        <br/>
        换行是一个空标记(强制换行)
        
        4.水平线
        <hr/>空标记
        
        5.<b>加粗内容</b>只显示加粗
        <strong>强调的内容</string>突出的文本
       
        6.倾斜有两个标记(推荐em)
        <em>强调文本</em>
        <i>倾斜文本</i>
        
        7.删除线有两个标记(推荐del)
        <s>文本</s>删除线
        <del>文本</del>删除线
        
        8.扩展
        <u>文本</u>下划线
        <sub></sub>下标
        <sup></sup>上标
   
        <hr color="red" width="300px"align="right">
        color===颜色
        width===宽度
        align===对齐方式
        noshade===取消阴影
    
        HTML的基本语法
        1.<常规标记>也叫双标记
        <标记><标记>
        <标记 属性="属性值" 属性="属性值"></标记>
        <标记也可以叫标签或叫元素>
        例如:<head></head>

        2.空标记也叫单标记
        <标记/>
        <标记 属性="属性值"/>
        例如<br/>
   

        特殊符号
        尖角号   &lt; 左尖角号
                &gt;右尖角号
        空格     &nbsp;该空格占据宽度受(字体)影响明显而强烈
                 &emsp;占据的宽度正好是1个中文宽度,且基本上不受字体影响
        版权     &copy;
        商标     &trade;
                 &reg;         
   

        1.div和span标签
        div标签,没有具体含义,用来划分页面的区域,独占一行
        span标签,没有实际意义,主要应用在对于文本独立修饰的时候,
        内容有多宽就占用多宽的空间距离。
    
    
        无序列表
        <ul>
          <li>无序列表</li>
            <li>无序列表</li>
            <li>无序列表</li>
            <li>无序列表</li> Alt+shift+pgdn
            <li>里面可以随意放标签
        </ul>
        
        <ol>type:1,a,A,i,I</ol>

        有序列表
        <ol type='A'start='4'>
            <li>有序列表
        </ol>
            type类型 start开始
        
        无序列表
        <dl>
            <dt>可以是图片</dt>
            <dd></dd>
        </dl>
        
        1.ul>li{11111}*3再回车
        2.ul里面只能放li,li里面可以放其他标签
        3.type disc circle aquare none
 

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值