溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
學習這門學科之前，感覺是非常簡單，往往現實都不是想象的那樣。聽老師教課的的時候感覺能聽懂，基本上也完全掌握了，實際上做的時候，磕磕碰碰，浪費了大量的時間，因此我自從接觸了這門學科了解到，不論是html還是其他計算機相關的科目時，都必須自己動手去做，腦子里必須要有一個整體的模板，思路要清晰，多做一些例子，基本上就完全可以隨心應手的去設計想要的網站，不僅效率高，而且速度快。長話短說，接下來進入HTML的學習。
<head>
<title><!~~ 令人醒目的標題~~ ></title>
<!~~ 可以寫一些地址鏈接以及body里面的形式~~>
</head>
<body>
<!--
body:html頁面的主體部分 顯示內容
-->
<body>
</html>
這是html的一個初步輪廓。接下來就是如何設計網站，首先接觸的是文本標簽。
標題標簽 ： h2~h7 標題是大到小
<h2>標題</h2>
<h3>標題</h3>
<h4>標題</h4>
<h5>標題</h5>
<h6>標題</h6>
<h7>標題</h7>
水平線標簽 ：hr ，在水平面出現一條線
<hr />
滾動標簽:
marquee:
direction:滾動的方向 up down left(默認值) right
behavior:scoll: 循環滾動 alternate:來回滾動 slide:只滾動一次
scollamount:滾動的速度 指定整數值
<a name="marquee"></a><marquee direction="right" behavior="slide" scrollamount="10" >快樂</marquee>
段落標簽:p
<p> 中間輸入段落內容 </p>
段落縮進 :blockquote
<blockquote>
正常的段落模式，中間為內容部分。
</blockquote>
原樣輸出標簽:pre
<pre>
中間不論有任何東西，哪怕是標簽之類的都可以顯示出來。
</pre>
上下標標簽:sup sub
列表標簽:
有序列表:
ol li(列表項) ol默認的屬性type:默認的屬性值"1"
無序列表
ul li(列表項) ul 默認的屬性type:默認的屬性值:"disc"在html中常見的轉義字符
空格: ?
版權所有:? 顯示內容:?
注冊商品:? 顯示內容:?
列表標簽:
有序列表:
ol li(列表項) ol默認的屬性type:默認的屬性值"1"
無序列表
ul li(列表項) ul 默認的屬性type:默認的屬性值:"disc"
img標簽
屬性:
src:導入圖片的路徑
width:圖片的寬度 1)指定固定大小 px(像素) 2)百分比
height:圖片的高度
title:鼠標懸浮在圖片上會顯示文字
alt:替代文本,當圖片加載失敗的時候,替代文本就會起作用
<img src="img/2.jpg" width="100%" height="100%" title="手機圖片" alt="這是一個手機圖片"/>
超鏈接標簽:a標簽
<a></a>
常用的屬性:
href:連接資源地址(URL)或者資源文件
** target:打開資源的方式:1)_self:當前窗口直接打開 2)_blank 新建窗口打開 **這個要特別注意看是否重新打開一個界面。
常見的協議:
file:// 文件協議:打開本地文件的協議
http:// ---hosts文件中找是否有ip對應的域名,找不到---調用網卡進行聯網
會在網絡運營商(DNS) ---- 找到就訪問百度服務器 --- 返回給用戶首頁
thunder:// 迅雷協議
mailto: 郵件協議
超鏈接的作用:
1)可以連接資源文件
2)可以作為錨鏈接來使用
A:方式1: 針對在同一個html頁面下
a:打錨點(標記)
<a name屬性="錨點名稱"></a>
b:創建跳轉鏈接
<a href="#錨點名稱">跳轉</a>
B:方式2:在不同html頁面的使用
a:在另一個頁面的某個位置打錨點(標記)
<a name屬性="錨點名稱"></a>
b:在當前頁面下創建跳轉鏈接
<a href="鏈接到的資源文件或者地址#錨點名稱">跳轉</a>
總體來說，超鏈接就是打一個錨點，然后就可以創建連接！ 表格標簽:table
表格要有效果: 屬性: border:邊框
align:表格在瀏覽器中對齊方式
with和height:寬度和高度
行標簽:tr
列標簽:td
表頭標簽:th 自動居中 加粗
單元格的合并:
行合并:rowspan
列合并:colspan 表單標簽:form標簽
action:必須寫 提交的地址
method:提交方式
get post
兩種方式的區別?
1)get方式提交,將用戶的信息提交的地址欄中,不安全;post提交方式不會將用戶信息提交到地址欄中
2)get方式提交,文件大小限制,不超過64kb;post方式,提交的文件的無限制!
首選post
文本輸入框：type="text" name屬性必填:用來給系統后臺標記
密碼輸入框：type=“password”
單選框:type="radio"
name:將性別數據看成同一組信息，在這一組中只能選出一個選項。
復選框：type="checkbox"
name:將性別數據看成同一組信息,在這一組中，可以選出多種選項。
文本域:textarea
rows:屬性:有多行
cols:一行有多個字符
提交按鈕：type="submit"提交
type="reset"重置
type="button" onclick="testClick()" <script type="text/javascript">
function testClick(){
alert("hello,我來了") ;
}
function check(){
var username = document.getElementById("userNameId").value ;
alert(username) ;
}
以上就是HTML的基本知識點，我認為只要把以上基礎抓牢，css也就應刃而解，其實也就是在html的基礎上彌補了一些不足，用法是基本不會變的。免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
