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>特殊字符 空格 <小于号 >大于符号</div> -->
<div>特殊字符 空格 <小于号 >大于符号</div>
(这些是我边听课变敲得)