html+css整理1

1,开始标签<html>结束标签</html>

    单标签<br />或者<br>,2,标签关系1,包含 <html>

                    <head></head>

             </html>

        2,并列

              <head></head>

              <title></title>,

3,ctrl+放大

    ctrl-缩小

    !可以生成骨架

4,文档声名标签

<!DOCTYPE html>

5,zn-CN语言为中文

   en语言为英文

6,UTF-8万国码,包含各国用到的字符

7,<p>我是一个段落标签</p>

8,段落标签,<p>****</p>

          <p>****<p>

   换行标签,<p>****<br />***</p>

9,文本格式化标签

     我是<strong>加粗</strong>文字 <strong></strong> <b></b>

     倾斜<em></em> <i></i>

     删除线<del></del> <s></s>

     下划线<ins></ins> <u></u>

      其中第一个语义更强烈

10,<div>与<span>均用来布局

    <div>我是一个div标签我一个人单独占一行</div>(可以看成一个大盒子,里面放图片或文字)

    <span>可以看成一个小盒子,一行可以有多个span</span>

11,图像标签和路径

  1),<img>  使用时<img src="图像.后缀"/>

                (图像标签必须要写src)

  文字一般在图像旁边,想放在上面单独一行

            (标题和br都能独占一行)

  2) alt替换文本 图像显示不出来用文字替换

   <img src="图像URL" alt="文字"/>

  3)title提示文本 鼠标放在图像上,提示的文字

  <img src="图像.后缀" title=""/>

  4)width设置图像的宽度<img src="img.pdj" alt="我爱黑马" title="我是小黑" width="500"/>

   height设置图像的高度<img src="img.pdj" alt="我爱黑马" title="我是小黑" height="100"/>

                 (注意宽度和高度修改一个即可,另一个让他等比例缩放)c

   border给图片设置边框<img src="img.pdj" alt="我爱黑马" title="我是小黑" width="500" border="15"/>

                (注意:各属性之间不分先后,但必须用空格隔开)

12,,目录文件夹 :普通文件夹

根目录:打开目录文件夹的第一层

13,1)打开文件夹,选择文件,文件里的所有都会显示,可随意切换

 若想新建,写完名字敲回车

 2)直接把文件拽到vscode原页面

14,图像相对路径 图片相对于HTML位置

1)同一级路径:

<body>

    <img src="img.pdj"/>

</body>

2)下一级路径

<body>

    <img src="images(同一级文件夹名字)/img.pdj"/>

<body>

3)上一级路径

<body>

    <img src="../img.pdj"/>

</body>

15,绝对路径:

1)文件夹里

<img src="C:\user\案例\img.pdj"/>

      (注意相对路径/  绝对路径\)

2)网页图片

点击图片右键 复制图片地址

<img src="粘贴"/>

16,标题链接

<h1>标题标签</h1>

    <h2>标题一共六级选</h2>

    <h3>文字加粗一行显</h3>

    <h4>从重到轻随之变</h4>

    <h5>语法规范书写后</h5>

    <h6>具体效果刷新见</h6>

               -----啦啦啦啦啊

17,超链接标签

1),外部链接-腾讯

         <a href="http://www.qq.com">腾讯</a>

2),内部链接

          <h4>内部链接:网站内部页面之间相互链接</h4>

            <p>内部链接需要加上html,外部链接不用</p>

            <a href="gongsijianjie.html">公司简介</a

  3)空链接

                < h4>空链接:#</h4>

            <a href="#">公司地址</a>

4)下载链接

         <h4>下载链接:地址链接是 文件 .exe或者是zip等压缩包的形式</h4>

          <a href="img.zip">下载文件</a>

5)网页元素拼接

       <h4>网页元素拼接:在网页中的各种网页元素,如文本,图像,表格,音频,视频等都可以添加超链接</h4>

       <a href="http://www.baidu.com"><img src="img.jpg"/></a>

  6)锚点链接

       <h4>锚点链接:点我们点击链接,可以快速定位到页面的某个位置</h4>

      1,早年经历<br />

      2,<a href="#live">个人经历</a><br />

      <h3 id="live">个人生活</h3>

      早年他是个孩子

   

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值