✨
HTML 網頁設計
  • HTML 簡介
  • 1.網站三兄弟
    • 環境設定
    • HTML 基本結構
      • 文件架構
      • 元素
      • 文章-使用的元素
      • 超連結
      • Form表單
      • 嵌入第三方服務
    • Css 基本使用
      • 使用方式 Background
        • before、after
      • Box-sizing 介紹
      • Reset Css
      • CSS - 排版
        • CSS - 定位器
        • 導覽列篇
        • 置中篇 - 範例
        • 三欄式 - 範例
        • 兩欄式
      • css命名規則
    • JS 基本使用
      • 基本語法
      • 參數/arguments
      • param() 方法
      • 定時器（timer）
  • 2.css 進階使用
    • Display
    • Position
      • z-index and stacking context
      • Table
    • CSS選擇器
  • 3.其他JS工具
    • jQuery 簡介
      • $.cookie()
      • .animate
      • scrollTop
      • 使用效果
    • BootStrap
    • NODE.JS
      • 安裝 Node.js
        • SVG - 可縮放向量圖形
      • webpack
    • React
      • React Native
  • 4.曲線圖
    • Chart 前端操作
      • Datasets Style
      • Line 設定
  • 4.DataTable
    • Bootstrap Table
  • 99.其他內容
    • Webpack
    • IIS - 網際網路資訊服務
      • 環境設定
      • WEB IIS架站
Powered by GitBook
On this page
  • Google-Map
  • YouTube

Was this helpful?

  1. 1.網站三兄弟
  2. HTML 基本結構

嵌入第三方服務

PreviousForm表單NextCss 基本使用

Last updated 4 years ago

Was this helpful?

Google-Map

<iframe 
    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14462.319501534512!2d121.47989425000002!3d25.014387849999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a8231387af39%3A0x637d25254d66d965!2z55Kw54uA57ea5p2_5paw56uZ!5e0!3m2!1szh-TW!2stw!4v1603509430295!5m2!1szh-TW!2stw" 
    width="600" 
    height="450" 
    frameborder="0" 
    style="border:0;" 
    allowfullscreen="" 
    aria-hidden="false" 
    tabindex="0">
</iframe>

YouTube

<iframe 
    width="560" 
    height="315" 
    src="https://www.youtube.com/embed/pr0YzhYkOVQ" 
    frameborder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
    allowfullscreen>
</iframe>
Google MapsGoogle