HTML我的学习笔记

1.HTML介绍
Html是用来描述网页(html文件)的一种超文本标记语言。
2. HTML书写规范
  (1)基本规范
双标签<> </>；单标签</>
标签间有包含和并列关系

（2）输入  ！ 得到代码基本骨架

（3）HTML常用标签

 

补充：路径知识
（1）目录文件夹和根目录

目录文件夹：存放网页所需东西（如html文件 图片）的文件夹
根目录：目录文件夹的第一页
（2）相对路径和绝对路径
相对路径：图片相对html文件的位置

（3）上一级路径../

        下一级路劲  /(上下级路劲一般用于本地文件)

 

 

 （这些大部份为别人的笔记看着比我的顺眼）

    <h1>标题标签</h1>

    <p>我是一个段落标签，我们都在一个段落</p>

    <p>我们是另一段落</p>

    <br/>我是换行标签，第一个单标签；

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

    我也是<bg>加粗</b>的文字

    我是<em>倾斜</em>的<i>文字</i>

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

    我是<ins>下划线</ins><u>我们都是文本格式化标签</u>

    <div>我一个人单独占一行</div>

    <span>百度</span>

    <span>火狐</span>

    <span>一行可以放多个span</span>

    <h4>图像标签使用<br/></h4>

    <img src="img.jpg">

    <h4>alt 替换文本<br/></h4>

     <img src="img.jpg" alt="我是努力敲代码的人"/>

     <h4>title<br/></h4>

     <img src="img.jpg" alt="我是努力敲代码的人" title = "我是努力敲代码的人"/>

     <h4>width给图像设定宽度,height给图像设定高,border给图像设定边框<br/></h4>

     <img src="img.jpg" alt="我是努力敲代码的人" title = "我是努力敲代码的人"/ width="500" height="200" border="15">

     绝对路径，上面的都是相对路径，绝对路径使用较少

     <div>绝对路径用斜杆\\相对路径//</div>

     <a>超链接</a>

     <div>重点超链接</div>

     <a>超链接标签

     <a href ="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

     <div>1.外部链接</div>

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

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

     target 打开窗口的方式 默认的值_self当前窗口打开，_blank开一新窗口打开页面

     <div>2.内部链接:网站内部页面之间的相互联系</div>

     <a href="web.html">web</a>

     <div>3.空连接：#</div>

     <a href="#">学习地址</a>

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

     <div>网页元素的链接</div>

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

     <div>6.锚点链接/div>

     在连接文本的herf属性中，设置属性值为#名字的形式，如<a herf="#two">第二级</a>

     找到目标位置标签，里面添加一个id属性=刚才的名字，如：<h3 id="two">第二级介绍</h3>

     <div>注释标签 ctrl+/</div><!--  -->

     <!-- <div>特殊字符&nbsp空格&nbsp&lt小于号&nbsp&gt大于符号</div> -->

     <div>特殊字符&nbsp空格&nbsp&lt小于号&nbsp&gt大于符号</div>

（这些是我边听课变敲得）