前端学习(一）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）

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