網(wǎng)頁(yè)代碼

3年前 (2021-08-26)閱讀812回復0
向書(shū)蕾
向書(shū)蕾
  • 管理員
  • 發(fā)消息
  • 注冊排名3527
  • 經(jīng)驗值90
  • 級別管理員
  • 主題18
  • 回復0
樓主
印刷廠(chǎng)直印加工●彩頁(yè)1000張只需要69元●名片5元每盒-更多產(chǎn)品印刷報價(jià)?聯(lián)系電話(huà):138-1621-1622(微信同號)

  起始:html/html

  頭部:head/head

  標題:title/title

  主體:body/body

  聲明:meta ”/

  分級標題:h1/h1h2/h2h3/h3h4/h4h5/h5h6/h6

  上標:sup/sup

  下標:sub/sub

  空格:?

  大于():

  小于():

  引號(“”):"

  版權號():copy;

  段落標簽:p/p

  換行標簽:br /

  水平線(xiàn)標簽:hr /

  范圍標簽:span/span

  圖像標簽:img original=”圖片地址” alt=”圖像的替代文字” title=”鼠標懸停提示文字”/

  超鏈接基本語(yǔ)法:a href=”鏈接地址” target=”目標窗口位置”連接文本或圖像/a

  target屬性:

  _blank:將鏈接的文檔加載到一個(gè)未命名的新瀏覽器窗口中ID嵌套樣式問(wèn)題。

  _parent:將鏈接的文件加載到含有該鏈接的框架集窗口中,如果包含鏈接的框架不是嵌套的,則鏈接文件加載到整個(gè)瀏覽器窗口中ID嵌套樣式問(wèn)題。

  _self:將鏈接的文件加載到該鏈接所在的同一框架中,此目標是默認的,所以通常不用指定它ID嵌套樣式問(wèn)題。

  _top:將鏈接的文件加載到整個(gè)瀏覽器窗口中,因而會(huì )刪除所有框架ID嵌套樣式問(wèn)題。

  頁(yè)面間鏈接:href=”其他頁(yè)面地址”

  錨鏈接:a name=”marker”目標位置乙/a a href=”#marker”當前位置甲/a

  功能性連接:

  回到主頁(yè):a href=”index.html”回到主頁(yè)/a

  播放音頻文件:a href=”sound.wav”播放音頻文件/a

  腳本鏈接:a href=javascript(”感謝你ID嵌套樣式問(wèn)題,選擇了BENET”)我想學(xué)習網(wǎng)絡(luò )工程師/a

  下載鏈接:a href=”document.doc”BENET教學(xué)大綱下載/a

  郵件鏈接:a href=鏈接地址BENET課程郵箱/a

  圖片超鏈接:a href=”鏈接地址” target=”目標窗口位置”圖片/a

  無(wú)序列表標簽:ulli/li/ul

  有序列表標簽:olli/li/ol

  定義列表標簽:dldt/dtdd/dd/dl

  注釋(body中)!--注釋內容--

  注釋(head中)/*注釋內容*/

  表格標簽:tabletrtd/td/tr/table

  跨多行標簽:td colspan=”所跨列數”內容/td

  跨多列標簽:td rowspan=”所跨行數”內容/td

  表格標題caption內容/caption

  表格表頭:th內容/th

  表格數據分組標簽:

  頁(yè)眉:thead內容/thead

  數據主體:tbody內容/tbodty

  頁(yè)腳:tfoot內容/tfoot

  文字與邊框距離:cellpadding

  表格內框寬度:cellspacing

  表格嵌套:tabletrtdtabletrtd/td/tr/table/td/tr/table

  表單標簽form name=”名字” method=”post或get(提交方式前者更安全)” action=”提交地址”/form

  文本框:input type=”text” value=”文本框初始值” size=”文本框顯示寬度” name=”名字”/

  密碼框:input type=”password” value=”密碼框初始值” size=”密碼框顯示寬度” name=”名字”/

  單選按鈕:input type=”radio” value=”按鈕后顯示的文本” checked=”checked”(是否默認選中) name=”名字”/

  復選框:input type=”checkbox” value=”初始值(不顯示)” checked=”checked” (是否默認選中) name=”名字”/文本內容

  列表框:select name=”名字” size=”行數”

  option value=”可選項值” selected=”selected”(是否默認選中)文本內容/option/select

  提交按鈕:input type=”submit” value=”顯示文本” name=”名字”/

  重置按鈕:input type=”reset” value=”顯示文本” name=”名字”/

  普通按鈕:input type=”button” value=”顯示文本” name=”名字”/

  圖片按鈕:input type=”image” original=”圖片地址” value=”初始值(不顯示)” name=”名字”/

  多行文本框:textareaa name=”名字” cols=”” rows=””初始文本內容/textarea

  只讀:readonly=”readonly”

  禁用:disabled=”disabled”

  文件域:input type=”file” name=”名字”

  /form

  內嵌框架:iframe original=”內嵌框架的URL” height=”內嵌高度” width=”內嵌寬度” frameborder=”是否顯示框架邊框” name=”內嵌標識名” scrolling=”是否有滾動(dòng)條”/iframe

  屬性scrolling的值:no 不顯示滾動(dòng)條;yes 顯示滾動(dòng)條;auto 根據內容選擇

  CSS基本結構:

  style type=”text/css”

  選擇器{對象屬性:屬性值

  對象屬性:屬性值}

  /style(寫(xiě)在head內)

  外部CSS樣式表應用時(shí):link href=”css文件名字.css” rel=”stylesheet” type=”text/css”/(寫(xiě)在head內)

  外部樣式表寫(xiě)法:@charset”utf-8”

  選擇器{對象屬性:屬性值

  對象屬性:屬性值}

  標簽選擇器:標簽名{對象屬性:屬性值}

  類(lèi)選擇器:.類(lèi)名{對象屬性:屬性值}

  ID選擇器:#ID標識名{對象屬性:屬性值}

  選擇器集體聲明:選擇器1,選擇器2{對象屬性:屬性值}

  選擇器嵌套聲明:選擇器1 選擇器2{對象屬性:屬性值}

  文本字體:font-family 可以設置一系列字體

  文本字體大?。篺ont-size 以像素為單位

  文本字體粗細:font-weight 以像素為單位

  屬性值:normal 默認值 400px

  bold 粗體文本 700px

  lighter 更細的文本 100px以?xún)?/p>

  或100~900px(必須為整數)

  文本字體樣式:font-style

  屬性值:normal 默認值 正常

  Italic 斜體

  簡(jiǎn)寫(xiě)代碼:font:粗細 字號/行高 字體類(lèi)型

  設置文本行高:line-height

  屬性值:normal 默認值 以像素為單位

  英文以小號的大寫(xiě)字體顯示:font-variant

  英文文本大小寫(xiě)顯示:text-transform

  屬性值:capitalize 每個(gè)單詞大寫(xiě)字母開(kāi)頭

  uppercase 大寫(xiě)顯示

  lowercase 小寫(xiě)顯示

  none 默認值

  文本裝飾效果:text-decoration

  屬性值:overline 頂劃線(xiàn)

  line-through 刪除線(xiàn)

  underline 下劃線(xiàn)

  none 默認值(無(wú))

  文本顏色:color

  屬性值:英文顏色單詞或調色板代碼

  段落屬性:

  字符間距:letter-spacing(中文)word-spacing(英文) 以像素為單位

  垂直對齊方式:vertical-align

  屬性值:top 頂端對齊

  bottom 底端對齊

  middle 中間對齊

  水平方式對齊:text-align

  屬性值:left 左對齊

  right 右對齊

  center 局中對齊

  文本首行縮進(jìn):text-indent

  屬性值:以像素為單位ID嵌套樣式問(wèn)題,值為2個(gè)字符像素加上字符間距像素

  文本是否自動(dòng)折行:white-space

  屬性值:nowrap 不自動(dòng)折行

  border邊框屬性設置

  邊框寬度:border-width

  邊框樣式:border-sytle

  邊框顏色:border-color

  邊框對應位置:border-top(上)

  border-bottom(下)

  border-lift(左)

  border-right(右)

  實(shí)線(xiàn):solid

  虛線(xiàn):dashed

  點(diǎn)劃線(xiàn):dotted

  雙劃線(xiàn):double

  簡(jiǎn)化代碼:border:寬度 樣式 顏色

  border-方向(上右下左):屬性(寬度、樣式、顏色)

  border-屬性(寬度、樣式、顏色):方向(上右下左)

  圖像大小設置 屬性為寬(width)、高(height) 值為百分比或像素

  左對齊:text-align:left

  右對齊:

  居中對齊:

  頂端對齊:

  底端對齊:

  中間對齊:

  背景屬性:background

  背景顏色:background-color

  背景圖片:background-image

  背景平鋪方式:background –repeat

  屬性值:repeat 默認值 橫縱向都平鋪

  repeat-x 橫向平鋪

  repeat-y 縱向平鋪

  no-repeat 不重復平鋪

  背景出現初始位置:background –position

  屬性值:Xpx Ypx

  基本屬性(如左對齊、右對齊)時(shí):Y X

  是否隨頁(yè)面滾動(dòng):background –attachment

  屬性值:fixed 固定

  scroll 滾動(dòng)

  簡(jiǎn)寫(xiě)代碼:

  background:背景色 背景圖片 重復平鋪 固定滾動(dòng) 初始位置

021yin.com 了解

0
0
收藏0
回帖

網(wǎng)頁(yè)代碼 期待您的回復!

取消
載入表情清單……
載入顏色清單……
插入網(wǎng)絡(luò )圖片

取消確定

圖片上傳中
編輯器信息
提示信息