web新手試學(xué)第一彈

在這里推薦大家使用webstorm這款軟件,下載鏈接以及安裝教程網(wǎng)上一搜就能找到。



HTML文件的基本標簽

1.html標簽為文件的開始標簽,文件的所有內(nèi)容都應(yīng)該在這個標簽內(nèi),該標簽不帶任何屬性

2.head標簽表示網(wǎng)頁的頭部標簽,里面并不放置網(wǎng)頁的任何內(nèi)容,僅僅放置關(guān)于HTML的文件信心,包括文件的標題、編碼方式等

3.title文件標題標簽,放在head標簽內(nèi)部,作為窗口名顯示在網(wǎng)頁的最上方

4.meta標簽一般用來定義頁面信息的名稱,關(guān)鍵字,作者等,屬于單獨標簽,屬性主要有name用來描述網(wǎng)頁,以便搜索機器人查找,這個標簽內(nèi)容是不可見的

5.body頁面的主題標簽,網(wǎng)頁顯示的元素寫在次標簽內(nèi),代表網(wǎng)頁的主體

6.頁面的注釋,

一、body:標簽的常用屬性

<body text="屬性值">使用方法</body>

text:設(shè)定界面的顏色

bgcolor:設(shè)置界面的背影顏色

background:設(shè)置界面的背景圖片

bgproperties設(shè)置界面的背景圖片為固定不隨界面的滾動而滾動

link:設(shè)置界面默認的鏈接顏色

alink:設(shè)置鼠標正在點擊時的鏈接顏色

vlink:設(shè)定訪問過的鏈接顏色

topmargin:設(shè)定頁面的上邊距

leftmargin:設(shè)定界面的左邊距

二、h:標題標簽

<h1>我是h1標簽</h1>

<h2>我是h2標簽</h2>

<h3>我是h3標簽</h3>

<h4>我是h4標簽</h4>

下面還有h5,h6標簽因為在簡書我不會改字體大小就不舉例了

三、標題的對其方式

align:right右對齊,left左對齊,center居中

使用方法:<h1 align="屬性值">標簽內(nèi)容</h1>

四、文字的上標與下表


<sup>上標</sup>

<sub>下表</sub>

代碼示例:

<h1 align="center">上標簽和下標簽</h1>

<h2 align="center">在數(shù)字計算中</h2>

<h4 align="center">上標:X<sup>3</sup></h4>

<h4 align="center">下標:Y<sub>4</sub></h4>

運行結(jié)果:



五、特殊文字符號

常用的特殊文字符號:空格、小于、大于

使用方法:&nbsp(空格),&it,&gt

代碼示例:

<body>

??? <p>在html中一些特殊符號是無法通過直接輸入顯示出來了,需要通過轉(zhuǎn)義字符</p>

??? <P>我是&it;號</P>

??? <P>我是&gt;號</P>

??? <P>我是&nbsp;&nbsp;號</P>

</body>

運行結(jié)果:

在html中一些特殊符號是無法通過直接輸入顯示出來了,需要通過轉(zhuǎn)義字符

我是<?號

我是>號

我是??號

六、文字的斜體下劃線刪除線

<em>斜體內(nèi)容</em>

<u>下劃線標簽</u>

<strike>刪除線標簽</strike>

七、段落排版標簽

<pre>不經(jīng)常用</pre>

八、水平線標簽

<hr>

水平線寬度:width

語法:<hr width="數(shù)值">

九、文字的上標和下表

<sup>上標</sup>

<sub>下標</sub>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,375評論 0 8
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,686評論 0 7
  • 概述 在網(wǎng)易云課堂學(xué)習(xí)李南江老師的《從零玩轉(zhuǎn)HTML5前端+跨平臺開發(fā)》時,所整理的筆記。筆記內(nèi)容為根據(jù)個人需求所...
    墨荀閱讀 2,475評論 0 7
  • 學(xué)習(xí)目標: 了解html的基本結(jié)構(gòu) 掌握標題標簽: 掌握段落標簽: 掌握通用塊標簽: 掌握圖片標簽: 掌握超鏈接標...
    husky_1閱讀 2,655評論 0 12
  • HTML5< !--...--> 標簽 comment 注釋標簽用于在源文檔中插入注釋。注釋內(nèi)容不會被瀏覽器顯示。...
    野小寶閱讀 1,407評論 0 10

友情鏈接更多精彩內(nèi)容