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