整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          自學HTML語言-HTML基礎

          自學HTML語言-HTML基礎

          tml

          ........找到一個有趣的網站,叫做runoob,可以在網頁上運行HTML代碼!

          runoob

          ........HTML的一級標題,是用<h1>來定義的。HTML一共有六種標題,分別用<h1>、<h2>、……、<h6>來定義。

          標題

          ........用<p>來定義一個段落,用<hr >來加上一條水平線。

          段落和水平線

          ........寫注釋的格式:<!-- 注釋內容 -->。注意,在瀏覽頁面的時候,注釋不會顯示出來!

          注釋

          ........換行符是<br />。

          換行

          ........瀏覽器會忽略代碼里面多余的空格——以唐詩《春曉》為例。

          排版

          ........用<b>加粗字體,用<i>變斜字體,用<code>給出電腦的默認字體,<sub>把文字變為下標,<sup>把文字變為上標!

          文本格式

          ........用<a>插入超鏈接。

          超鏈接

          TML是超文本標記語言。

          web標準是由W3C和其它標準化組織制成集合。

          web標準的構成

          結構(對網頁元素進行整理和分類-HTML)

          表現(設置網頁元素的版式,顏色,大小等外觀樣式-CSS)

          行為(模型的定義及交互的表現-JS)

          HTML常用標簽

          加粗:<strong>和<b>

          傾斜:<em>和<i>

          刪除線:<del>和<s>

          下劃線:<ins>和<u>

          <div>分割分區<span>跨度跨距

          圖片標簽<img/>

          屬性: src圖片路徑

          alt替換文本,圖片無法正常顯示

          title提示文本,鼠標放到圖像顯示

          width寬度,height高度(只需要修改其中一個)

          border邊框(無需單位直接寫數值)

          注意:

          ①圖像標簽可以擁有多個屬性,必須寫在標簽名后面

          ②屬性之前不分先后順序,標簽名與屬性,屬性與屬性之間需要空格分開

          ③屬性采取鍵值對的格式

          相對路徑:以引用文件所在位置為參考基礎

          (同一級路徑,下一級路徑/,上一級路徑../)

          絕對路徑:從盤符開始的路徑(\)

          常用屬性

          img ——vspace垂直邊距 ,hspace水平邊距 align對齊

          details,summary,鼠標點擊時顯示或隱藏

          mark 文本中高亮顯示,和strong相似

          cite 用于引用標記,斜體顯示

          draggable true選中后可以拖動操作

          font定義 font-style font-weight font-size/line-height font-family 順序不能改變

          word-wrap break-word長單詞或url地址自動換行

          letter-spacing字間距

          word-spacing單詞間距

          line-height行間距

          text-decorantion文本裝飾unline下劃線,overline上劃線,line-through刪除線

          text-indent 2em 首行縮進兩個字符

          white-space空白符處理 pre

          box-sizing:content-box當widthh和height的時候不包括margin和panding

          更換圖層位置,z軸偏移z-index:-10

          align-items:center居中對齊

          align-self:center


          超鏈接標簽<a>

          href鏈接目標地址

          target鏈接頁面打開的方式(_self當前窗口打開,_blank新窗口中打開方式)

          外部鏈接,內部鏈接,空鏈接,下載鏈接,網頁元素鏈接,錨點鏈接(快速定位到頁面的某個位置- 添加id屬性)

          去除超鏈接樣式:text-decoration:none


          特殊字符

          空格符 &nbsp;

          小于號&lt; 大于號&gt;


          表格標簽

          align對齊方式

          bolder表格邊框

          cellpadding單元格與內容之間空白

          cellspacing單元格與單元格之前空白

          合并單元格:rowspan colspan


          列表標簽

          無序列表:ul li

          有序列表:ol li

          自定義列表:dl dt dd


          表單標簽

          完整表單:表單域<form>,表單控件,提示信息

          <form>

          ——action(指定接受并處理表單數據的服務器程序的url地址)

          ——method(get/post設置表單數據的提交方式)

          ——name(指定表單名稱)


          <input>輸入元素

          type屬性:button(點擊按鈕)checkbox(復選框)file(輸入字段和“瀏覽”按鈕)hidden(隱藏輸入字段)image(圖片形式提交按鈕)password(密碼字段)radio(單選按鈕)reset(重置按鈕)sumbit(提交按鈕)text(單行輸入字段,默認20個字符)

          name屬性:(相同的名字——單選框和復選框)區別不同表單元素

          value屬性:定義input元素值

          checked屬性:頁面首次加載是否選中

          maxlength屬性:輸入字段的最大值


          <lable>標簽

          用于綁定一個表單元素,當點擊<lable>標簽內的文本時,瀏覽器會自動將焦點轉到或者選擇對應的表單元素上,用來增加用戶體驗。

          <lable>標簽的for屬性與相關元素的id屬性相同

          <select>下拉列表元素

          -<option>

          -selected="selected"默認選中

          <textarea>文本域

          -cols rows (每行每列字數)

          font-size:設置字體大小:

          該屬性值的單位可以使用相對單位和絕對單位,推薦使用px。(瀏覽器能夠識別的最小像素是12px)

              p{
                font-size:20px;
              }

          常見尺寸單位:



          font-family:設置字體:

          如果需要設置多個字體樣式,則屬性值可以寫多個中間用逗號隔開即可,需要知道的是瀏覽器會從第一個字體屬性值找,直到找到自己設備有的字體顯示,自己設備沒有的字體,按設備默認字體顯示,推薦系統默認字體。

          
              p{
                font-family:"微軟雅黑",Arial;
              }



          font-weight:設置字體粗細:

          其屬性值有:normal正常不加粗、bold加粗、bolder更粗、lighter更細、number(整百的數字)、inherit繼承父級元素字體粗細

          p {
            font-weight:700;
          }

          font-style:設置字體風格:

          如設置斜體、傾斜或正常字體,其屬性值:normal默認值,標準字體、italic斜體、oblique傾斜

          font:綜合設置字體樣式(字體樣式連寫):

          字體樣式連寫是有順序的,必須是嚴格遵循順序,其中不需要設置的屬性可以省略,font-size和font-family屬性值必須寫,否則字體連寫失效。

          
              p{
                /*font:font-style font-weight font-size/line-height font-family;*/
                font:italic bolder 20px/10px Arial;
              }

          提示:本文圖片等素材來源于網絡,若有侵權,請發郵件至郵箱:810665436@qq.com聯系筆者 刪除。

          筆者:苦海123

          其它問題可通過以下方式聯系本人咨詢:

          QQ:810665436

          微信:ConstancyMan


          主站蜘蛛池模板: 精品91一区二区三区| 三级韩国一区久久二区综合| 人妻无码久久一区二区三区免费| 国产对白精品刺激一区二区 | 精品国产一区二区三区久久蜜臀| 亚洲一区二区三区四区视频| 亚洲综合在线成人一区| 亚洲天堂一区二区三区| 亚洲熟妇AV一区二区三区浪潮| 亚洲熟妇av一区二区三区| 三上悠亚亚洲一区高清| 国产一区二区三区91| 丝袜无码一区二区三区| 免费一区二区三区| 精品国产毛片一区二区无码| 日韩美女视频一区| 蜜桃视频一区二区| 精品国产免费一区二区| 精品国产一区二区三区AV| 无码8090精品久久一区| 成人精品视频一区二区三区不卡| 日本精品高清一区二区2021| 久久一区二区三区免费| 日韩熟女精品一区二区三区| 精品视频一区在线观看| 国产一区二区三区电影| 国产在线无码视频一区二区三区| 亚洲日本一区二区一本一道| 亚洲国产精品一区二区久| 色欲AV蜜臀一区二区三区| 国产精品区一区二区三| 国产一区高清视频| 精品伦精品一区二区三区视频 | 亚洲国产专区一区| 波多野结衣高清一区二区三区 | 亚洲视频一区调教| 中文字幕一区二区三区在线观看 | 亚洲AV香蕉一区区二区三区| 无码国产精品久久一区免费| 国产91一区二区在线播放不卡 | 无码日韩精品一区二区三区免费|