html

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"

　　

posted @ 2023-01-19 18:37  大碗不吃辣  阅读(522)  评论(0)    收藏  举报