1. 程式人生 > >HTML float浮動標籤和background 背景標籤

HTML float浮動標籤和background 背景標籤

做p標籤在標籤環繞img標籤
        img標籤要浮動就要看向那邊浮動
      <p class="p1"><img class="img1" src="images/baall.jpg">太陽系是以太陽為中心,和所有受到太陽的重力約束天體的集合體:8顆行星、至少165顆已知的衛星、3顆已經辨認出來
            的矮行星(冥王星和他的衛星)和數以億計的太陽系小天體。這些小天體包括小行星、柯伊伯帶的天體、彗星和星際塵埃。
            依照至太陽的距離,行星序是水星、金星、地球、火星、木星、土星、天王星、和海王星,
            8顆中的6顆有天然的衛星環繞著。

        </p>
background 背景標籤
    1、background-color:顏色
    2、background-image:上傳圖片
    3、background-position:調整圖片的位置
    4、background-repeat:圖片是否及如何重複
    5、background-attachment:圖片是否固定或者隨著頁面的其餘部分滾動

相關推薦

HTML float浮動標籤background 背景標籤

做p標籤在標籤環繞img標籤        img標籤要浮動就要看向那邊浮動      <p class="p1"><img class="img1" src="images/baall.jpg">太陽系是以太陽為中心,和所有受到太陽的重力約束天體的

python學習之網站的編寫(HTML,CSS,JS)(十四)----------CSS的display行內標籤塊級標籤的轉換,控制標籤是否顯示

行內標籤:有多大就佔多大,無法設定高度,寬度和邊距。 塊級標籤:佔一行,可以設定高度,寬度和邊距。 塊級標籤轉為行內標籤:display:inline 行內標籤轉為塊級標籤:display:block 還有一個特殊的轉換,既包含塊級標籤的屬性,又具有行內標籤的屬性,自己有多少佔多少,

html中行級標籤塊級標籤

目錄行級標籤塊級標籤總結 行級標籤 特點:可以和其他元素保持在同一行,不可以自動換行,但不能設定寬高 常見的行級標籤:a,span,strong,u(下劃線),em(強調),i(斜體),sub(下標),

html顯示上標下標的標籤

<html> <body> A <sup>1</sup>   <!--上標supersript--> <br /> A <

聯合使用jsp標籤struts的標籤在jsp頁面獲取當前時間

有時候需要在頁面獲取當前時間,但是又不想從後端傳過來。使用jsp的標籤和struts的時間日期格式標籤可以獲取自己想要的時間格式。 <div> <jsp:useBean id="time" class="java.util.Date" scope="req

SpringMVC表單標籤表單標籤簡介

 SpringMVC<from:form>表單標籤和<input>表單標籤簡介    在使用SpringMVC的時候我們可以使用Spring封裝的一系列表單標籤,這些標籤都可以訪問到ModelMap中的內容。下面將對這些標籤一一介紹。  

Java EE入門教程系列第二章JSP(六)——JSP標準標籤自定義標籤的配置與使用

2.6 JSP的標籤 2.6.1 標籤簡介 標籤就是把一段具體業務的Java程式碼封裝起來,然後以標記語言的形式在頁面檔案中對它進行呼叫,增強頁面檔案和Java程式的獨立性。 目前標籤庫有兩種形式:標準標籤庫和自定義標籤。 JSP標準標籤(JSTL)是一個可以實現We

(精)Spring IOC核心原始碼學習III:bean標籤自定義標籤實現原理

本文將解析spring bean定義標籤和自定義標籤的解析實現原理。這裡說的標籤僅限於以xml作為bean定義描述符的spring容器,繼承AbstractXmlApplicationContext的一些子 容器,如XmlApplicationContext、ClassPat

html】使用img標籤背景圖片之間的區別

1.載入問題 背景圖片會等到html結構載入完成才開始載入 img標籤是網頁結構的一部分,會在html結構載入的時候載入 在網頁載入的過程中,背景圖片會等到結構載入完成(網頁的內容全部顯示以後)才開始載入,而img標籤 是網頁結構(內容)的一部分會在html結構載入的過程中載入,換句話講,網頁會先載入

Html頁面設定背景——通過設定body結構標籤CSS指定背景屬性實現

一、純Html實現主要有text、bgcolor和background三種元素屬性實現效果:示例程式碼:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!--

html中的常用標籤浮動與定位

常用標籤 1.列表標籤 <!-- 有序列表: 組合標籤 雙標籤 塊級 ol li --> <ol> <li>我是列表項1</li&

java正則表示式去除html中所有的標籤特殊HTML字元

關於java正則表示式去除html中所有的標籤和特殊HTML字元,結合我所做的專案總結的經驗: 總共分為三種:第一種適用於適用短的文章,將文章用正則表示式的方式拼接到程式碼中,有些繁瑣,其實不太實用。第二種就是直接將文件引入,進行更改,但是有一個小缺點,就是文件中的格式可能是utf-8格式的

HTML標籤知識點總結

這是我自己返回網頁看了看,總結的一些知識點,應該比較全面了 一、HTML 1、歷史特性: (1) HyperText Markup Language超文字標記語言,是一門標記語言。2010年正式推出HTML5,HTML是製作網頁的基礎語言,主要用於描述超文字中內容的顯示方式。 (2)XHT

利用BeautifulSoup去除HTML指定標籤去除註釋

去除指定標籤 from bs4 import BeautifulSoup #去除屬性ul [s.extract() for s in soup("ul")] # 去除屬性svg [s.extract() for s in soup("svg")] # 去除屬性script [s.extr

HTML頭資訊標籤標題標籤

<html> <!-- 頭資訊的作用 1. 可以設定網頁的標題。 2. 可以通知瀏覽使用指定的碼錶解釋html頁面. --> <head> <meta http-equiv="content-type" content="t

html的表單標籤框架標籤

目錄 表單標籤 框架標籤  其他標籤 表單標籤 表單是html中重要的一部分 <form></form>表單標籤,用於蒐集不同型別的使用者輸入,比如註冊資訊,購物資訊等    name:表單的名稱 &n

6.HTML的超連結標籤錨點

超連結 <html> <head> <meta charset="utf-8"> <title>超連結標籤</title> </head>

自己動手實現html標籤文字提取

原文出處:https://blog.csdn.net/AsuraDong/article/details/72877382 隨意觀看 工具準備 全形和半形字元 網頁字元實體 Code實現 之後... 工具準備 python3.

HTML標籤框架標籤

HTML頭標籤 根據 HTML 標準,僅有幾個標籤在 HTML 的頭部分是合法的。它們是:<base>, <link>, <meta>, <title>

微信小程式裡面的標籤html標籤的對比、微信小程式基礎之常用控制元件

微信小程式和html5標籤的區別: HTML5 微信小程式 <h1></h1>...<h6></h6> <p>&l