HTML基礎知識有哪些

今天小編給大家分享一下HTML基礎知識有哪些的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

1、跳出新頁面：

<basetarget=”_blank”>target="_self"不跳轉

<form action="xxx.htm" target="_blank">form表單提交的跳轉設置

2、點擊按鈕跳出別的頁面添加

<a href="#" onclick="openZoosUrl();return false;">

onclick="return false"

3、display:block;塊級元素，也就是說它可以設置一些寬高，獨占一行，比如，div元素，p元素等display:inline-block,行級元素，也就說它可以使得同樣設置成行級元素的元素一起在一行，然后可以設置寬高，這個適應于制作一個導航菜單，將每個菜單項設置成行級元素。它的寬和高默認是內容的寬和高,典型的元素是表單類的元素。dispaly:inline.行級元素，不可設置寬和高，默認寬高是內容的寬和高，典型的比如，span,

4、html鼠標小手：

cursor:pointer;

5、html背景圖屬性：

background-size:100%;，但是你的圖片寬度，高度要設置成100%   ，要注意的是.php的文件里面這個background-image:url();不好用，失效，你要使用網站的絕對路徑background:url('/20151106/404/image/404.png')  no-repeat 4px  5px;}background:url("11111.jpg");background-repeat:no-repeat;background-size:100%;width:100%;height:100%;

這個是給頁面加背景的body{padding: 0px;margin: 0px;background-color:#494949;width:100%;height:100%;}.

還有在設置背景圖片的時候可以使用背景background-image:url("");這個屬性來設置背景，但是圖片要用gif的格式

6、按輸出方式來顯示文本格式:<pre></pre>橫線:<hr /><q></q>雙引號標簽下劃線<ins></ins>

7、html---position/relative/absolute/fixed/三種布局定位方式的總結relative是按照自身來說，absolute是按照瀏覽器來說，但是要注意的是，如果他有父級元素的話，那么他就是依照父級元素來進行改變位置的。

8、無序列表去掉前面黑點li{list-style:none;}

9、隱藏元素 - display:none或visibility:hidden

display-這個元素，設置之后原本的元素不會占用當前的空間，不會影響布局，但是后者，隱藏之后還會占用空間

10、HTML隱藏多余

Div{overflow:hidden}

10、隱藏自適應：overflow:auto;

11、關于框架的問題

這個是接受你要顯示頁面

indx.php是框架顯示的頁面，最上面，也就是沒按鍵顯示

<iframe src="index.php" style="width:100%;height:100%;border:none " name="main"></iframe>

這個是你點擊之后想在哪顯示后面加：target=""

<a href='../admin/shopclass/add.php' target="main">添加分類</a>

12、關于背景的高的問題，也就是說你定義了一個div但是沒有搞，是為了讓你的圖片在上面。那么就有這個屬性了

overflow:hidden;

也就是你本身是屬于父級元素的，但是你float就脫離了文本，變成浮動的，所有就不會在用父子元素的空間，所以就父級加上這個overflow:hidden;

13、錨點的設置

在你想跳轉的頁面的地方加上：<a name="miao">

然后在你想加鏈接的地方加上<a href="#miao">去找錨點</a>

14.點擊換驗證碼圖片

<img  src="../public/common/yzm.php" alt="" style="cursor:pointer"  onclick="this.src='../public/common/yzm.php?rand='+Math.random()">

15、圓角

border-radius:5px;

16、textarea的左側文字在最左邊

style="vertical-align:top"

17、html塊狀元素和內聯元素的總結，塊狀元素可以設置margin，但是使用margin的時候要符合：1.塊狀元素，2.有寬高，其中內聯元素不能設置margin和寬高的屬性，只能設置padding

以上就是“HTML基礎知識有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。