iT邦幫忙

html相關文章
共有 316 則文章

技術 要開始使用 Bootstrap 4 前,我們先了解幾個它的通用模式吧

前情提要:讓我們站在巨人的肩膀上,如何在專案中導入 Bootstrap 4 並客製它 ★首先這篇文章適合以下背景的人閱讀: 熟悉 HTML、CSS 知道如何...

技術 讓我們站在巨人的肩膀上,如何在專案中導入 Bootstrap 4 並客製它

程式設計的世界有一句俗話叫做,不要重複造輪子,意思就是說,別人已經寫好了的程式,就不要再自己重複寫了,除非是想要練習,想要了解原理,讓自己將來也有機會為別人造...

技術 html-textarea關閉拖拉與設定長寬度筆記記錄

如只在html使用textarea的話會讓使用者有拖拉的功能,所以在這裡用css來關掉resize。 在設定vh,vh類似整個螢幕的%數 textarea {...

技術 html-textarea使用js還原空白及換行筆記記錄

使用textarea輸入文章或是簡介印在html,所有原本的換行與空白都不見了。 所以在這裡需要做個處理,回復原本文章有換行與空白的樣子。 html <t...

徵才 [招兵買馬]精誠集團 網路銀行網頁開發工程師數名

網路銀行趨勢興起,你跟上了嗎? 歡迎加入精誠集團_鼎盛資科的行列! 我們誠徵網路銀行網頁開發工程師數名(駐點客戶端_大台北地區) 歡迎好手加入我們,請郵寄個人履...

鐵人賽 Modern Web DAY 16
淺談web 系列 第 16

技術 鐵人賽DAY16-HTML(四)

一、HTML無序清單 在HTML中無序的清單是以<ul>標籤來定義的,清單內容則是以<li>的標籤來定義,列表開頭也可以使用程式碼sty...

鐵人賽 Modern Web DAY 15
淺談web 系列 第 15

技術 鐵人賽DAY15-HTML(三)

一、HTML表格 在表格中「行」用<tr>元素來定義,「該列的標題」用<th>元素來定義,而「表格內的資料」用<td>元素來...

鐵人賽 Modern Web DAY 14
淺談web 系列 第 14

技術 鐵人賽DAY14-HTML(二)

一、HTML屬性 屬性以name="value"的形式表達,寫在元素的起始標籤內,為該元素增加功能,以下介紹常用的幾個屬性: 1.href:...

鐵人賽 Modern Web DAY 13
淺談web 系列 第 13

技術 鐵人賽DAY13-HTML(一)

一、何謂HTML 超文件標示語言(HyperText Makeup Language,HTML)是一種用於呈現網頁結構的標示語言而非程式語言,由Tim Bern...

鐵人賽 Modern Web DAY 23
ASP.NET Web Form 入門30天 系列 第 23

技術 [ASP.NET] 你 說 什 麼?!網頁設計竟然可以用拉的 ( ASP.NET 伺服器控制項)

本篇擷取重點: ASP.NET 伺服器控制項 如何使用ASP.NET伺服器控制項呢?→用拉的 HELLO WORLD 一、ASP.NET 伺服器控制項 首...

技術 js-開新視窗、重新整理、關閉、回上一頁下一頁視窗筆記記錄

重新整理(參考) window.location.reload(); <a href="javascript:window.location....

鐵人賽 自我挑戰組 DAY 20
網頁學習紀錄 系列 第 20

技術 鐵人賽 Day20 向 KKBOX致敬-嵌入 youtube 連結

音樂網頁一定要有影音可以聽,這次來分享怎麼把 youtube 影片嵌入網頁中, 預計畫面如下: 看起來好像很難,是不是要寫什麼播放語法,還是怎麼寫入影片啊.....

鐵人賽 自我挑戰組 DAY 19
網頁學習紀錄 系列 第 19

技術 鐵人賽 Day19 向 KKBOX致敬-用 ul li 寫一個左右欄的圖文列表

ul li 列表寫法用途真的很廣泛,能呈現的方式也非常多。 想要呈現的方式如下: HTML 程式碼如下 <div class="pref...

鐵人賽 自我挑戰組 DAY 7
從門外漢到前端新手 系列 第 7

技術 Day7 動手寫HTML(2)

標籤語意的重要性 在瀏覽器的世界,雖然很多元素的視覺效果可能很像,可是針對網站的每個不同內容下好的元素很重要。它會幫助瀏覽器讀取文檔,讓網路體驗更優化。 進...

鐵人賽 自我挑戰組 DAY 18
網頁學習紀錄 系列 第 18

技術 鐵人賽 Day18-向 KKBOX 致敬!用 ul li 寫一個新聞欄位!

這次要寫一個新聞欄位,是用 ul li 做成的圖文並茂,標題為連結,可以點擊的樣式 畫面如下呈現: 其實寫道今天有發現到 ul li 相當常被使用到,只是內容...

鐵人賽 Modern Web DAY 5
~網頁入門~ 系列 第 5

技術 Day05-HTML(1)

首先,我們先用一個簡單的範例來做介紹 二話不多說,先來看一下頁面的樣子,我再來慢慢講解 <!DOCTYPE html> 是用來聲明,這個文件是...

鐵人賽 自我挑戰組 DAY 6
從門外漢到前端新手 系列 第 6

技術 Day6 動手寫HTML(1)

打開文字編輯器 *還不會用VS code的話請看第3天文章有提到的教學。 這裡示範的文字編輯器是VS code,新增一個檔案,先將它存成Html檔,這樣編輯器才...

鐵人賽 AI & Data DAY 6

技術 【Day 5】剖析網頁原始內容 (1/2) - HTML

在昨天的內容中,我們已經了解了基本的 HTML 結構,今天我們來試著剖析網頁原始碼並找出我們需要的資料。 常見剖析 HTML 原始碼的方式有三種: 正則表示式...

鐵人賽 自我挑戰組 DAY 16
網頁學習紀錄 系列 第 16

技術 鐵人賽 Day16-向 KKBOX 致敬!來一個滿版主視覺吧!!

今天要來寫一個滿版圖片,但不使用 img 的標籤,想呈現下方畫面 這次做法跟先前一個練習類似,但這次有一個地方有優化了一下,就是在這個地方增加下列屬性 .co...

鐵人賽 Modern Web DAY 18
ASP.NET Web Form 入門30天 系列 第 18

技術 [ASP.NET] 網頁常用物件-初淺談Request物件

本篇擷取重點: Request物件 Request物件的常用屬性及方法 一、Request物件 Request 物件是 ASP 的內建物件之一,我們可以使...

鐵人賽 自我挑戰組 DAY 4
從門外漢到前端新手 系列 第 4

技術 Day4 動手寫HTML之前(上)

首先就來了解網路的運作吧!點圖看影片 How The Internet Works: HTML是什麼 超文本標記語言(英語:HyperText Markup...

鐵人賽 AI & Data DAY 5

技術 【Day 4】常見的資料格式 (3/3) - HTML

我們在瀏覽器上實際看到的畫面,其實是瀏覽器在收到 HTML 後渲染出來的結果,之後寫爬蟲時也是幾乎都會根據 HTML 來找到我們要爬取的目標,所以必須對 HTM...

鐵人賽 Modern Web DAY 3
~網頁入門~ 系列 第 3

技術 Day03-網頁基本架構(上)

網路上有著各式各樣的網站,看似五花八門,但其實基本的頁面都是由 HTML 與 CSS 所構成,再加入程式語言來增加與使用者間的互動。這一篇,我要先來介紹一下 H...

鐵人賽 自我挑戰組 DAY 15
網頁學習紀錄 系列 第 15

技術 鐵人賽Day15-向 KKBOX 致敬!寫個右邊欄位的 header!

左邊的欄位已經寫完了,這篇開始從右側欄位開始撰寫內容, 預計 header 會長這樣,左邊是一排選單,右邊有一個按鈕,給客戶做意見回饋用, 如下圖: 為了要讓...

鐵人賽 Modern Web DAY 2

技術 02. [HTML] script tag 加上 async & defer 的功能及差異?

前端當然要從 HTML 出發,今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道,瀏覽器解析 HTML...

鐵人賽 自我挑戰組 DAY 14
網頁學習紀錄 系列 第 14

技術 鐵人賽Day14-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!播放器!

aside 終於進入最後一個部分,也就是播放器了,預計呈現樣式如下圖: 這次用了比較多技巧跟方式,慢慢的講解吧!! HTML 如下: <div clas...

鐵人賽 影片教學 DAY 1

達標好文 技術 金魚都能懂的這個網頁畫面怎麼切 : 圖文滿版區塊

本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔,另外幾個重點問題中,Amos已經有影片的會直接附上連結給各位參考取用。 為何需要reset...

鐵人賽 自我挑戰組 DAY 13
網頁學習紀錄 系列 第 13

技術 鐵人賽Day13-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!加入 hover 效果!

進入 aside 中間部分的編寫,想要寫成下方畫面 程式碼滿簡單的,跟前面的程式碼差不多,但這次加入了畫面優化跟效果, 先來看一下 HTML 程式碼 &lt...

鐵人賽 Modern Web DAY 1
重新認識 CSS 系列 第 1

技術 重新認識 CSS - CSS 簡介

CSS 是 Cascading Style Sheets 的縮寫,是一種 style sheet (樣式表) 語言,可將自訂的樣式 (例如:字體、顏色) 附加在...

鐵人賽 自我挑戰組 DAY 12
網頁學習紀錄 系列 第 12

技術 鐵人賽Day12-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!

這次要寫一個播放器的清單,在編寫之前,我先把 navbar 優化了一下,如下圖呈現的樣式, 但我還是沒有研究出來 search 要怎麼對齊在 navbar 的...