前端学习(一)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="width:200px;height:200px; border:10px solid #000;"


样式css

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

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

width: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)


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

猜你喜欢

转载自www.cnblogs.com/wxiaoyu/p/9579133.html