zoukankan      html  css  js  c++  java
  • 前端学习(一)html标签(笔记)

    html->标签

    标题标签:<h1>标题文字</h1>
    段落标签:<p>段落文字</p>
    换行标签:<br/>
    图片标签:<img src="img/qingge.jpg" alt="李克强会见外宾的照片"/>
            <img src="文件名/图片名字" alt="图片挂了以后的提示文字"/>

    超链接标签:
        <a href="页面的链接地址">点击对象</a>


    双标签:
        <h1></h1>
        <p></p>
        <a href="1-6个人资料2.html">个人资料</a>

    单标签:
        <br/>
        <img src="img/qingge.jpg" alt=""/>



    属性:
        <标签 属性1="属性值" 属性2="属性值"></标签>
        多个属性的话,属性与属性之间用空格隔开

        私有属性:专属标签独有的属性!
            img
                src=“图片路径”
                alt=“图片挂了显示文字”

            a
                href=“链接地址”

        公有属性:任何标签都可以使用的属性!

            title=“鼠标移入的提示文字”

    alt 和 title  区别?

    1.alt是私有 图片挂了以后文字提示
    2.titile是公有  鼠标移入的时的文字提示

    ---------------------------------------------------------------

    总结:

    标签:
            h1 p br a img


    单标签:
        <br/>
        <img src="图片路径" alt="图片挂了显示文字"/>
    双标签:
        <h1></h1>
        <p></p>
        <a href="链接地址"></a>


    属性:属性名="属性值"  ---多个属性的时候用空格隔开

        私有:标签独有属性

            img
                src alt

                width="200"  宽
                height="200" 高
                border="2"   边框

            a
                href

        公有:任何标签都可以使用的

            title

    标题标签:
        h1---h6 (h1是用来包logo图片)

    -------------------------------------------------提醒:
        1.所有的吧标签都小写
        2.标点符号要英文
        3.图片的名字一定要以英文开头配合数字

    ------------------------------------------------

    <img src="img/img/img/bd_logo1.png" alt="" width="200" height="200" border="2"/>

        width="200"  宽
        height="200" 高
        border="2"   边框



    style --行间样式

     style="200px;height:200px; border:10px solid #000;"


    样式css

    样式写法:
        样式名:样式值;样式名1:样式值1;样式名2:样式值2;

     style="样式名:样式值;样式名1:样式值1;样式名2:样式值2;"

    200px;  --px像素

    height:200px;

    border:10px solid #000;
            粗细  线性()  颜色;

    10px ---粗细

    solid---实线
    dotted---点化线
    dashed---虚线

    #000----颜色

    border-top:10px solid red"
    上边框
    border-right
    右边框
    border-bottom
    下边框
    border-left
    左边框

    background-color:red;
     背景颜色:红色;
    color:#fff;
    文字颜色:白色;
    ===============================================

    新标签:
        div ---空白标签


    ps快捷键:

    信息面板:(可以看一些信息:宽高)
        F8

    选框工具:(可以选中你要量的图片)
        M

        ****提示:量带border的矩形时,从border的内部来量!

        量图步骤:
            1.用选框工具选中你想要量的区域,但是老是对不住角
            2.(点击鼠标的左键不松开),按住空格键,移动鼠标,一直到对准那个角!

    放大
        ctrl +(空格加ctrl--想放大哪里,鼠标就点击那里)
    缩小
        ctrl -(空格加alt--想放大哪里,鼠标就点击那里)


    ****如果图片放的太大,想移动图片(按住空格键,拖拽图就可以了)


    ***量颜色:
        
        1.点击前景色,鼠标变成吸管
        2.吸取你想要量的颜色

    ps切图:
        步骤:
            1.用选框工具选中你想要切出来的图片
            2.ctrl+C复制这个选中的图片区域
            3.ctrl+N新建一个ps文件(默认宽高和上一步选中区域的宽高一样)
            4.ctrl+V把你选中的图片粘贴进去
            5.ctrl+shift+alt+S 保存


    ================================================

    颜色表示法:
        
        1.单词表示法:

            red blue....单调---使用不广泛

        2.十六进制表示法:精准---使用广泛
            
            
            #ffff00 ----#ff0
            #008000;---
            #000000;----#000;
            #ff0000 ----f00;

            #112233 ----#123
            #123123
            #111233

            #13444d;

        3.rgb表示法:---也特别精准

            rgb(0,0,0)


    ==============================================

  • 相关阅读:
    【BZOJ】【1662】/【POJ】【3252】 【USACO 2006 Nov】Round Number
    【BZOJ】【1026】【SCOI2009】Windy数
    【HDOJ】【3555】Bomb
    【HDOJ】【2089】不要62
    【Ural】【1057】Amount of degrees
    【POJ】【3710】Christmas Game
    【BZOJ】【2940】【POI2000】条纹
    【POJ】【3537】Crosses and Crosses
    【POJ】【2068】Nim
    【POJ】【2960】S-Nim
  • 原文地址:https://www.cnblogs.com/wxiaoyu/p/9579133.html
Copyright © 2011-2022 走看看