html基本标签练习
Alt 显示工具栏 f2修改文件名称
内联元素:<div>只占一行</div>
块级元素:<span></span>
以utf8无bom格式编码
安装notepad++ 代码格式化需上网下载插件 tidy2 ,安装方法:将Tidy2.dll复制到Notepad++目录下的plugins中,然后重新启动Notepad++程序
<div>块级元素 可以放任何标签</div>
<span>内联元素 组合<span>
<!DOCTYPE html> <html> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" /> <meta charset="UTF-8" /> <title>第一个网页</title> </head> <body>水平线 <hr /> <br /> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> <p> 经历绝望的意思,就是已经走过这段岁月。也许你还未曾绝望过,并不意味着你不坚强,但一定没有经历过绝望的人坚强。</p> <p>未绝望过的人生是不完美的人生。绝望可能是情感、事业抑或无法面对的孤独等等。</p>第一行 <br />第二行 <br />第三行 <br />空f< <br />无序列表 <ul> <li>world</li> <li>wide</li> <li>web</li> </ul> <br />有序列表 <ol> <li>ABC</li> <li>DEF</li> <li>GHI</li> </ol> <br />定义列表 <dl> <dt>苹果</dt> <dd> 苹果是一种低热量食物,每100克只产生60千卡热量。苹果中营养成份可溶性大,易被人体吸收。</dd> <dt>橘子</dt> <dd> 橘子是芸香科植物的果实,中国也是橘树的主要发源地之一。中国古人食用橘子,并且将野生橘树进行人工栽培,历史悠久。</dd> <dt>鸭梨</dt> <dd> 鸭梨,一种白梨,为河北省古老地方品种。因梨梗部突起,状似鸭头而得名。鸭梨适应性强,丰产性好,果实大而美,肉质细脆多汁,香甜,较耐贮。</dd> </dl> <img src="1.jpg" alt="一对猫猫" width="300px" /> <!--width也可以用百分比表示width=100%--> <br /> <a href="http://www.baidu.com" title="百度一下,你就知道" target="_blank">百度</a> <br /> <a href="#"> <img src="1.jpg" alt="一对猫猫" /> </a> <br /> <!--只给图片的某个区域加上链接,用map标签--> <img src="1.jpg" alt="一对猫猫" usemap="#img1" /> <map id="img1" name="img1"> <!--shape可以是rect或者circle 矩形定位图形链接区域的左上角和右下角,圆形确定圆心半径--> <area shape="rect" coords="184,33,391,258" href="http://www.baidu.com" alt="百度一下,你就知道" target="_blank" /> <area shape="circle" coords="155,170,20" href="http://www.baidu.com" alt="百度一下,你就知道" target="_blank" /> </map></body> </html>