iT邦幫忙

2022 iThome 鐵人賽

DAY 22
0
Modern Web

簡單的python筆記系列 第 22

[Day 22] HTML 標籤2

  • 分享至 

  • xImage
  •  

head裡面常用標籤第二篇

style

style是用來設定HTML文件的樣式,在style裡面可以寫CSS來排版瀏覽器該怎麼設計你的頁面。

style可以設定更改文字大小、文字粗體、文字樣式、背景顏色等等

所有的HTML標籤都可以用style屬性來指定該HTML元素的CSS樣式。

來點程式範例

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="516demo.css" />
</head>
<style>
/* 寫css在這邊*/

/*更改文字樣式大小*/
p {
    font-size: 10px;
    /*文字大小*/
    font-weight: bold;
    /*文字粗體*/
    font-family: "Koulen", cursive;
    /*文字樣式*/
}
</style>

我們先看上面程式第六行,如果要使用CSS就需要再而外開一個.css的檔案,
並在head裡加入<link rel="" href="xxx.css" />

而我們在看第八行的style可以在原本這個.html裡的head裡面直接寫就好了。

script

script tag是用來寫JavaScript的。

可以直接寫在JavaScript code在sciprt裡面,或是用script來載入外部 JavaScript程式檔案。

base

<base>的target用來設定預設連結目標,target可以指定下面這些值:

_self: 預設值,在當前視窗開啟
_blank: 在新視窗開啟
_parent: 在上一層父視窗開啟
_top: 在最頂層父視窗開啟

noscript

noscript標記用於為那些不支持腳本標記或瀏覽器禁用腳本的瀏覽器顯示文本。
head和body標記中都使用此標記。

注意:此標記僅在不支持腳本的瀏覽器中使用。

ex:
<noscript> Contents... </noscript>

那麼今天就先到這理吧~
感謝各位觀看

下集預告:


上一篇
[Day 21] HTML 標籤
下一篇
[Day 23] HTML標籤3
系列文
簡單的python筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言