html是用來布局的,如果在html里面添加樣式就會顯得很不專業,
html標簽的實質是盒子,盒子里面套盒子,最會呈現的是我們看到的界面,
html布局的內容:
- 文字:<h>,<p>
- 圖片:<img>
- 超鏈接:<a>
- 等等
html的標簽都是有語意的,(除了<div>,<span>是專門用來布局的,<div>用于給其他盒子布局,<span>用于包含內容),類似于放水和菜用不同的容器,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>123</title>
</head>
<body>
<!-- 語意化:寫的標簽一定要有語意 -->
<!-- 語意為標題,隨著級數降低,越來越小 -->
<h1>我是標題1</h1>
<h2>我是標題2</h2>
<h3>我是標題3</h3>
<!--盡量用p標簽,是不同的段落-->
<p>段落1</p>
<p>段落2</p>
我是換行<br>我是換行<!--是淘汰標簽了-->
<!-- 最常用單標簽 img,input-->
<img src="11.jpg" width="1000" title="路燈" alt="燈">
<!-- 在出現圖片路徑錯誤的時候才會出現title和alt -->
<!--給一個width,height會跟著調整不至于比例失調-->
<input type="text">
</body>
</html>
超鏈接有關的代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<base target="_blank" />
<!-- 設定全域的頁面為跳轉新頁面 -->
</head>
<body>
<!-- 用a標簽進行跳轉,想跳轉到新的頁面(非在頁面內跳轉)使用target="_blank" -->
<a href="http://www.baidu.com" target="_blank">百度</a><!--跳轉到新的頁面-->
<a href="http://www.taobao.com" target="_blank">阿里</a>
<a href="http://www.100bt.com/aobi/">奧比島</a><!--站內鏈接-->
</body>
</html>
下一篇:https://blog.csdn.net/weixin_45637488/article/details/112715193
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/249859.html
標籤:其他
上一篇:SQLMAP詳細介紹之引數詳解
