HTML语言笔记以及超链接标签的用法

it2023-11-13  73

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body > <h1 align="center" ><font color="crimson"��>古诗词鉴赏</font></h1> <hr /> <h2 align="center">静夜思</h2> <h3 align="center">李白</h3> <p align="center">床前明月光,<br>疑是地上霜。<br>举头望明月,<br>低头思故乡。</p> <p align="center">《静夜思》是唐代诗人李白所做的一首五言古诗<br>此诗描写了秋日夜晚,诗人于屋内抬头望月得所感。<br>诗中运用比喻、衬托等手法,表达客居异乡之情,<br>语言清新朴素而韵味含蓄无穷,历来广为传诵。<br> <img src="img/libai.jpg"\></p> <hr /> <p align="center"> 友情链接:<a href="http://www.54550.com">A网站 </a> <a href="http://www.hao123.com">B网站</a> <a href="http://www.qq.com">C网站</a> </p> </body> </html> **HTML语言中得标签意思** <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!-- h1..h6表示标题 ;p标签表示一个段落 align="center"表示把段落得文字居中 段落与段落之间有间隔 &nbsp;表示空格符 --> <h1>请确保你已获取正确的网址</h1> <p>尝试此 尝试&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;此操作vvv尝试此操作尝试此操作尝试此操作尝试此操作操作</p> <p align="center"> 操作vvv尝试此操作尝试此操作尝试此操作尝试此操操作vvv尝试此操作尝试此操作尝试此操作尝试此操操作vvv尝试此操作尝试此操作 操作vvv尝试此操作尝试此操作尝试此操作尝试此操操作vvv尝试此操作尝试此操作尝试此操作尝试此操操作vvv尝试此操作尝试此操作尝试此操作尝试此操 </p> <h2>请确保你已获取正确的网址</h2> <h3> 操作vvv尝试此操作尝操作vvv尝试此操作尝试此操作尝试此操作尝试此操 </h3> &copy;&reg; &lt; s &gt;操作vvv尝试此操作尝试此操作尝试此操作尝试此操 <!-- &lt;&reg;表示大小于号 --> 有序列表 <ol type="A"> <li>操作vvv尝试此操作尝试此操作尝试此操作尝试此操</li> <li>操作vvv尝试此操作尝试此操作尝试此操作尝试此操</li> <li>操作vvv尝试此操作尝试此操作&nbsp;尝试此操作尝试此操</li> </ol> 无序列表 <ul type="square"> <li>操作vvv尝试<b>操作vvv尝试此操作尝试此操作尝试此操作尝试此操</b>此操作尝试此操作尝试此操作尝试此操</li> <li>操作vvv尝试此操作尝试此操作尝试此操作尝试此操</li> <li>操作vvv尝试此操作尝试此操作尝试此操作尝试此操</li> <li>操作vvv尝试此操作尝试此操作尝试此操作尝试此操</li> </ul> <!-- 有序列表ol包括li type表示用于顺序得类型 无序列表用ul表示 <b>表示加粗 --> <b>HTML在线考试题</b> <ol> <li>换行使用标签?</li> <ol type="A"> <li> p </li> <li>br</li> <li>h</li> </ol> <li>在网页插入图片使用标签?</li> <ol type="A"> <li>a</li> <li>hr</li> <li>img</li> </ol> </ol> </body> </html> **超链接** <a href="http://........" >链接名</a>链接名代表例如百度之类得网站名称 mg 标签 src="图片地址" 引用项目中的一个图片 alt="这是hao123" 图片不能正常显示时提示 title="这是hao12345" 鼠标移动到标签上提示信息 --> <a href="http://www.hao123.com"> <img src="img/hao123.png" width="300" height="200" border="0" alt="这是hao123" title="这是hao12345"/> </a>border表示图片加不加框border="0"表示没边框,=1则表示有边框
最新回复(0)