当前位置：首页>C语言>正文

HTML入門手敲學習筆記

HTML學習筆記

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>Heading one</h1> <h2>Heading one</h2> <h3>Heading one</h3> <h4>Heading one</h4> <h5>Heading one</h5> <h6>Heading one</h6> </p><p>Lorem ipsum dolor sit amet <strong>adipisicing elit. Quo fuga cum, consequatur ad harum totam eos obcaecati repellat perferendis nam laborum enim, esse vero sint molestiae dicta quas</strong> adipisci, temporibus nisi? Quia minima, earum eos qui unde illum quam! Quae, ab animi voluptate obcaecati iusto voluptatibus doloribus <em> natus corporis laboriosam repellendus ipsum consectetur nemo assumenda placeat magnam, nam sapiente nisi dolorem, incidunt minima nesciunt enim possimus. </em>Accusantium, ratione. Aliquam quasi odio id ab velit voluptatibus maxime, ex inventore molestiae! <a href ="https://google.com" target="_blank"Velit>Velit</a> voluptatibus quasi aperiam quod cumque mollitia nisi, nobis, corrupti reiciendis necessitatibus consectetur debitis incidunt doloribus libero, in neque? Placeat?</p><!--無序列表--><ul><li>list item1</li><li>list item1</li><li>list item1</li><li>list item1</li><li>list item1</li></ul><!--有序列表--><ol><li>list item1</li><li>list item1</li><li>list item1</li><li>list item1</li><li>list item1</li>   </ol><!--table--><table><thead><tr><th>firet name</th><th>last name</th><th>age</th><th>email</th></tr> <tbody><tr><td>x</td><td>y</td><td>21</td><td>@123.com</td></tr></tbody></thead></table>
<!--空一行--><br><br><!--劃線--><hr><!--forms--><form action="form.js" method="POST"><div><label>   name</label><input type="text" name ="tname" placeholder="enter name" ></div>   <div><label>password</label><input type="text" name ="firstname" placeholder="enter password " ></div>   
<input type="submit" name="submit"value="submit"></form><!--按鈕--><button>this is a button</button><!--圖片-->
<img  src="img/pic.jpg" alt="this is a picture"><!--引用-->
<bloakblog>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nobis eaque et modi, perspiciatis ut molestias harum ab corporis qui fuga sapiente veniam officiis eligendi, dolores ullam maiores dignissimos provident debitis nihil. Quod possimus consectetur eligendi expedita beatae aliquid dolore, corrupti ducimus perspiciatis voluptas molestiae perferendis sit hic voluptatum ut aspernatur.</bloakblog>
<p><abbr title= "Massachusetts Institute of Technology">MIT</abbr>is a prestigrou collage
</p><p><cite>MIT is a prestigrou collage</cite>
</p><!--插入1000的像素-->
<div style="margin-top: 1000px"></div>
</body>
</html>