成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Html和Css學(xué)習(xí)筆記-html基礎(chǔ)知識

yzzz / 1260人閱讀

摘要:我的郵箱地址歡迎大家交流學(xué)習(xí)糾錯此篇博客是我的復(fù)習(xí)筆記,和學(xué)的時間太久了,忘得差不多了,最近要使用一下,所以重新打開的書略讀,后記錄了標(biāo)簽,元素,屬性的具體意義。有些標(biāo)記有屬性,具體格式,以標(biāo)記為例,其中為標(biāo)記的屬性。

我的郵箱地址:zytrenren@163.com歡迎大家交流學(xué)習(xí)糾錯!

此篇博客是我的復(fù)習(xí)筆記,html和css學(xué)的時間太久了,忘得差不多了,最近要使用一下,所以重新打開html的書略讀,后記錄了標(biāo)簽,元素,屬性的具體意義。

這里所介紹的html和css的版本為html5與css3

Html是超文本標(biāo)記語言(英語全稱:HyperText Markup Language,簡稱:HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言

Css是層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來html和xml等文件樣式的計算機(jī)語言,CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

Html和Css驗證工具的地址:http://validator.w3.org/

一.基礎(chǔ)內(nèi)容:

標(biāo)記=開始標(biāo)記+內(nèi)容+結(jié)束標(biāo)記

標(biāo)記可以嵌套使用,例如:頁面主體標(biāo)記中含有標(biāo)題標(biāo)記,段落標(biāo)記。

有些標(biāo)記有屬性,具體格式,以a標(biāo)記為例,xxxx其中make為標(biāo)記的屬性。

設(shè)計為沒有任何內(nèi)容的元素稱為void元素,需要使用void元素時,只需要使用一個開始標(biāo)記,這是一種方便的簡寫,可以減少html中的標(biāo)記數(shù)量

二.常用標(biāo)記的使用與意義:

html5的文檔類型定義,這一行要寫到html文件開頭

標(biāo)記html頁面的開始和結(jié)束

標(biāo)記頁面的有關(guān)信息

標(biāo)記指定字符編碼,這一行要寫到元素中所有其他元素上面

為頁面指定一個標(biāo)題,標(biāo)記中的內(nèi)容出現(xiàn)在瀏覽器的頂部

標(biāo)記頁面的主體內(nèi)容

中間xxx的內(nèi)容為注釋的內(nèi)容

編寫html時要把首部和頁面主體分開

為主標(biāo)題,從

依次為副標(biāo)題,字體由大到小

開始一個段落

?
標(biāo)簽定義塊引用,之間的所有文本都會從常規(guī)文本中分離出來,經(jīng)常會在左、右兩邊進(jìn)行縮進(jìn)(增加外邊距),而且有時會使用斜體。也就是說,塊引用擁有它們自己的空間


插入一個換行符

標(biāo)簽定義一個短的引用,瀏覽器經(jīng)常會在這種引用的周圍插入引號

需要了解的內(nèi)容(一些老版本棄置的元素與不建議使用的元素,做到看見了要明白其含義

    定義一個有序列表

      標(biāo)簽定義無序列表

    • 標(biāo)簽定義列表項目,
    • 標(biāo)簽可用在有序列表 (
        ) 和無序列表 (
          ) 中

          標(biāo)簽定義一個描述列表,
          標(biāo)簽與
          (定義項目/名字)和
          (描述每一個項目/名字)一起使用

          標(biāo)簽告訴瀏覽器把其中的文本表示為強調(diào)的內(nèi)容,對于所有瀏覽器來說,這意味著要把這段文字用斜體來顯示

          ,bgcolor屬性設(shè)置頁面顏色,text屬性設(shè)置文本顏色

          xxxx利用font元素改變字體

          對其包圍的文本進(jìn)行水平居中處理

          一些字符實體

          <顯示為<

          >顯示為>

          ©right顯示為?

          三.一個簡單的html框架

          
          doctype html>
          <html>
              <head>
                   <meta charset="utf-8">  
                  <title>Hello Wrld!title>
              head>
              <body>
                  <h1>演示文件,頁面顯示hello world!h1>
                  <p>
                      Hello Wrld !
                  p>
              body>
          html>

          四.在頁面中插入一個鏈接

          用于創(chuàng)建指向其它頁面的鏈接,元素中的內(nèi)容就是鏈接文本,在瀏覽器中鏈接文本會顯示有下劃線,指示這是可單擊的,例如:

           <a href="(鏈接目標(biāo)文件的路徑或url)"
          
            title="文本描述">(鏈接文本)a>

          href屬性指向鏈接文件的路徑

          rirle屬性所需鏈接頁面的文本描述

          加入id屬性用于具體指向某個鏈接的某個標(biāo)題,例如:

          <a href="index.html#標(biāo)識符">xxxxxa>
          并同步頁面中的標(biāo)題,鏈接所使用的標(biāo)識符要與標(biāo)題的標(biāo)識符設(shè)置一致
          <h2 id="標(biāo)識符">xxxxxh2>

          加入target屬性,使瀏覽器打開鏈接時為多帶帶的窗口,而不是同一窗口,例如:

          <a target="_blank" href="xxxxxxxx"
                           title="xxxxxxxxx">xxxxxxxxxa>

          如果不加入target屬性,點擊鏈接時瀏覽器會在同一窗口打開鏈接,加入此屬性,瀏覽器會在多帶帶窗口打開鏈接

          五.在頁面中插入圖像

          標(biāo)記為在頁面中顯示圖像,xxx為圖片的路徑或url

          alt=“xxx”屬性為描述這個圖像內(nèi)容的文本,如果圖像未能顯示,就會使用這個文本來取代它。

          width-"xxx"屬性告訴瀏覽器在頁面中顯示圖像的寬度

          height="xxx"屬性告訴瀏覽器在頁面中顯示圖像的高度

    文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/1169.html

    相關(guān)文章

    • 前端學(xué)習(xí)路線

      摘要:具體來說,包管理器就是可以通過命令行,幫助你把外部庫和插件放到你的項目里面并在之后進(jìn)行版本升級,這樣就不用手工復(fù)制和更新庫?,F(xiàn)在有的包管理器主要是和。 一、基礎(chǔ) 1、學(xué)習(xí)HTML基礎(chǔ) HTML給你的網(wǎng)頁賦予了結(jié)構(gòu)。它就像是人的骨架那樣讓你保持站立。首先你需要去學(xué)習(xí)語法以及它必須提供的一切。你的學(xué)習(xí)應(yīng)該聚焦在下面這些東西上: 學(xué)習(xí)HTML基礎(chǔ),了解如何編寫語義HTML 理解如何把網(wǎng)頁分...

      FullStackDeveloper 評論0 收藏0
    • 前端學(xué)習(xí)路線

      摘要:具體來說,包管理器就是可以通過命令行,幫助你把外部庫和插件放到你的項目里面并在之后進(jìn)行版本升級,這樣就不用手工復(fù)制和更新庫。現(xiàn)在有的包管理器主要是和。 一、基礎(chǔ) 1、學(xué)習(xí)HTML基礎(chǔ) HTML給你的網(wǎng)頁賦予了結(jié)構(gòu)。它就像是人的骨架那樣讓你保持站立。首先你需要去學(xué)習(xí)語法以及它必須提供的一切。你的學(xué)習(xí)應(yīng)該聚焦在下面這些東西上: 學(xué)習(xí)HTML基礎(chǔ),了解如何編寫語義HTML 理解如何把網(wǎng)頁分...

      20171112 評論0 收藏0
    • 學(xué)習(xí)筆記CSS基礎(chǔ)

      摘要:的聲明內(nèi)聯(lián)樣式在元素內(nèi)部在標(biāo)簽上使用屬性進(jìn)行聲明。此聲明只作用于當(dāng)前標(biāo)簽。擁有最高優(yōu)先級。注意,在使用相對定位時,無論是否進(jìn)行移動,元素仍然占據(jù)原來的空間。因此,移動元素會導(dǎo)致它覆蓋其它框。元素的位置相對于瀏覽器窗口是固定位置。概念   CSS 指層疊樣式表(Cascading Style Sheets), 是一種標(biāo)記語言,屬于瀏覽器解釋型語言,可以直接由瀏覽器執(zhí)行,不需要編譯。   HTM...

      caspar 評論0 收藏0
    • 學(xué)習(xí)筆記HTML基礎(chǔ)標(biāo)簽

      摘要:標(biāo)題標(biāo)簽會將其中的文本加粗加黑顯示,并從到依次減弱。換行標(biāo)簽換行符??稍跇?biāo)簽內(nèi)使用。規(guī)定表頭單元格可橫跨的行數(shù)。HTML的概念 概念:   HTML 是用來描述網(wǎng)頁的一種語言。 HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language) HTML 不是一種編程語言,而是一種標(biāo)記語言 (markup language) 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup t...

      CastlePeaK 評論0 收藏0

    發(fā)表評論

    0條評論

    yzzz

    |高級講師

    TA的文章

    閱讀更多
    最新活動
    閱讀需要支付1元查看
    <