html是一种超文本标记语言,告诉浏览器构造网页
html文件是一个文本文件,其后缀名.html或者.xhtml
1.基础骨架:
<!DOCTYPE html> //文档声明,声明web浏览器用了html版本 <head> <meta charset="utf-8"> //声明本网页使用了utf-8字符编码 <title>Title<title> </head> <body> </body> </html>
2.head中的tag
<meta>标签用于设置或说明网页的元数据,必须放在head里面
3.body中的tag
3.1.<h1>~<h6>为标题名字,字体由大到小
3.2.<p>是段落
3.3.<strong> </strong>中的字体加粗
3.4.<em> </em>中的字体变成斜体
3.5.<a> </a>这个tag是链接标签
<a href="https://google.com">lorem</a>意思是给lorem加上一个超链接https://google.com,则网页上显示lorem,一点击就跳转了这个网站,但界面是同一个界面。
<a href="https://google.com"target="-blank">lorem</a>点击则界面不是同一个界面
3.6.list列表
<ul>//无序列表 <li>list item 1</li> //.list item 1 <li>list item 2</li> //.list item 2 </ul>
<ol>//有序列表
<li>list item 1</li> //1.list item 1
<li>list item 2</li> //2.list item 2
</ol>
3.7.table表格
<table> <thead> //表头标签(加粗) <tr> <th> first name</th> <th> last name</th> </tr> </thead> <tbody> //表体标签 <tr> <td>leanard</td> <td>chan</td> </tr> </tbody> <table>
运行后为:
first name | last name |
leanard | chan |
3.8.表单form
<form> <div> <label>姓名:</label> <input type="text"/> </div>
运行后为:姓名:(方框)
3.9.按钮标签
<botton>点我</botton>
显示为按钮上面有点我两字
3.10.图片标签<img
<img src=图片来源网站 alt="one piece yamato” //alt是图片的备选文本,当图片加载不出来(没有设置高和宽)就显示文本 width="200" //当width设置为200时,height如果不设置的话也为200 height="50"
标签:name,标签,list,item,html,lorem From: https://www.cnblogs.com/dawanbuchila/p/17061962.html