Це відео не доступне.
Перепрошуємо.

【html】1小時初學者教學

Поділитися
Вставка
  • Опубліковано 16 сер 2024
  • html
    html教學
    html入門
    ⭐️ 目錄 ⭐️
    ⌨️ (0:00:00) 網頁技術html、css、javascript
    ⌨️ (0:05:44) 環境建置、創建
    ⌨️ (0:18:25) 註解、基本標籤
    ⌨️ (0:29:09) 連結、圖片
    ⌨️ (0:47:49) 影片、嵌入影片
    ⌨️ (0:52:31) 列表、表格
    ⌨️ (0:58:39) 容器 div、span
    ⌨️ (1:08:05) 輸入標籤 input、textarea
    ⌨️ (1:15:35) meta 標籤
    ⌨️ (1:21:46) 查看網頁html架構
    css 初學者教學 : • 【css】2小時初學者教學 #css #cs...
    js 初學者教學 : • 【javascript】3小時初學者教學 #...
    python 初學者教學 : • 【python】4小時初學者Python教學...
    #html #html教學 #html入門
    html,html5,html css,html css教學,html 教學,網頁設計,網頁製作,網站設計,網站製作,前端,前端工程師,網頁前端,網站前端,前端 自學,html 教程,html 初學,html入門,html入门,html编程,html 编程,html教學,html教学,html 教学,codepen,a href,hyper text markup language,_target,iframe,html color,table html,href,button html,form html,html online,html select,html input,iframe html,img html,input type,span html,html div,html font size,html video,html style,html br,ul html,html label,hr html,href html,html a

КОМЕНТАРІ • 250

  • @GrandmaCan
    @GrandmaCan  9 місяців тому +4

    ✏最新課程 : 網頁開發組合包 - 前端網頁開發技術一次掌握!
    grandmacan.com/courses/dmS4146YJasRcWA3NURx
    即日起至2024/08/18前購買,即享41折優惠~

  • @jackywang1173
    @jackywang1173 2 роки тому +108

    真的很適合把這門課程編入義務教育裡面,花點時間就可以踏入程式設計的領域,體會其中的奧妙。

  • @user-lx6lq7xb7c
    @user-lx6lq7xb7c 2 роки тому +85

    24:48 shift + 方向鍵
    shift +Ctrl + 方向鍵
    快速選取文字
    粗體字英文 bold
    italics 斜體字
    用 來做內容換行(line break) 的效果
    28:46 標籤之間如果沒加內容可以省略掉 後面多加"/" 即可
    The HTML element represents an unordered list of items, typically rendered as a bulleted list.
    The tag defines metadata about an HTML document. Metadata is data (information) about data.
    href: (Hypertext REFerence)
    image
    //**
    Containers 容器
    The div tag is known as Division tag.
    The tag is an inline container used to mark up a part of a text, or a part of a document.

  • @TheRIceboxes
    @TheRIceboxes 2 роки тому +100

    老師教得好好!對新手超級友善,一邊看一邊練習寫,順便把筆記記在code註解上和內容了~

  • @kanisiuskennykondoy441
    @kanisiuskennykondoy441 11 місяців тому +5

    我是印尼人的,剛剛花了時間看這個影片。雖然是中文的,值得看很幫助的。感謝您!

  • @wei0609
    @wei0609 2 роки тому +23

    其他的教學過於冗長,我可能看個30秒就放棄自學了,也不懂他在打什麼,其實我一直都對程式語言很有興趣,但網路上的教學資訊量太大,很多個東西混在一起講,直到遇見了這部影片,條條分明,我照做之後也成功了,非常謝謝

    • @user-by8ut9gy2m
      @user-by8ut9gy2m 3 місяці тому +1

      @rice7588 我跟你一样的感觉耶,我也超喜欢这个UP的教学方式。

  • @sagirilove5387
    @sagirilove5387 Рік тому +18

    老師我後半堂課都要面對著冰冰姐的笑容 他真的笑到我心裡發寒了

    • @chinawalk
      @chinawalk 5 місяців тому +1

      哈哈哈哈,我笑出来了。我正在下载这个视频教程,给我朋友的孩子学习html

  • @Mingming_Studio
    @Mingming_Studio 2 роки тому +21

    非常清楚,幫了大忙!
    為了要做小組專題配合隊友,我需要在一個禮拜內學會用html,小白老師的教學淺顯易懂,謝謝老師!

  • @aaron8942
    @aaron8942 3 роки тому +66

    太感謝你創作的這些影片了 真的學到很多東西 只希望這些影片被更多人看見>_

    • @williamzhang773
      @williamzhang773 3 роки тому

      我有一个问题,python 能在3星平板电脑上学习吗?谢谢! (4小时入门python )

  • @user-gt3yx2ut8p
    @user-gt3yx2ut8p 3 роки тому +53

    其實如果副檔名是html的話,按!+Tab就會跑出html的基本架構

  • @owo7441
    @owo7441 5 місяців тому +2

    老師您好,跟著影片步驟做到div部分時,發現底下內的文字無法隨著上方內的style="color:red ;" 一起改變,但其他的如都沒這種現象,想請問老師是什麼原因,該如何去改善呢,謝謝。

  • @user-by6on8ct9n
    @user-by6on8ct9n 3 роки тому +24

    謝謝大大超強的教學資源分享🥺
    從今天起小白就是我大哥
    誰說小白不好,抱歉,我們不認識

  • @chling2498
    @chling2498 2 роки тому +6

    很實用 非常淺顯易懂 中間一直出現冰冰姐跟火鍋很有梗 老師講話口齒也很清楚 沒字幕也能輕鬆上課 謝謝老師提供教學影片

  • @enlitechaos
    @enlitechaos Рік тому +2

    說明非常清楚,程式與成果的對照加速學習,小白很厲害

  • @joelin5577
    @joelin5577 2 роки тому +2

    用性質來比喻 好優喔 淺顯易懂

  • @user-kk5qg1qv6w
    @user-kk5qg1qv6w 3 місяці тому +1

    講得真好,原本都不知道這不同語言有什麼差別和作用

  • @user-hc4eq5iu8h
    @user-hc4eq5iu8h 2 роки тому +3

    對於前端初學者真的很有幫助!
    Python也是看你的影片學的!

  • @user-nv9te3ey9f
    @user-nv9te3ey9f 2 роки тому +7

    真的講的好清楚!好喜歡❤️很簡單容易懂 比上網查那些資料好懂一百倍!!!

  • @shiu490416
    @shiu490416 5 місяців тому +1

    感謝很詳細昜懂!條理清楚!

  • @aliniabb4157
    @aliniabb4157 2 роки тому +2

    很容易明白,講得很清楚,感謝教導,我一直找新手入門易懂的影片,終於找到了!

  • @16pchat
    @16pchat Рік тому +2

    簡潔清晰,我要開始上手啦 已訂閱

  • @Fucherng-ym2ov
    @Fucherng-ym2ov 2 роки тому +3

    老師教得很好,希望能出一期教大家如何setup 自己的服务器在自己的电脑里。

  • @yaopiano
    @yaopiano 3 роки тому +13

    講的好清楚,淺顯易懂,好喜歡!謝謝小白!

  • @minawang2770
    @minawang2770 Рік тому +2

    小白老师,你讲解的真棒!一听就懂,感谢分享!

  • @user-dg3ye4bw2i
    @user-dg3ye4bw2i Рік тому +8

    希望老師可以開課☺️☺️☺️☺️好棒的課程好喜歡!很淺顯易懂!

  • @holadnn
    @holadnn 2 роки тому +3

    讲得非常清晰,通俗易懂!感谢分享!

  • @yiweichen8190
    @yiweichen8190 2 роки тому +2

    我非常仔细地花了一整天来学习,真的很有收获,非常感谢老师

  • @JUANG-LIFE
    @JUANG-LIFE 2 роки тому +3

    小白老師的教學好淺顯易懂,讓我搞懂初階的html

  • @phantomwolf1386
    @phantomwolf1386 11 місяців тому +1

    淺顯易懂 非常棒 感謝用心拍攝

  • @user-tp1se7up4z
    @user-tp1se7up4z 3 роки тому +6

    剛接觸網頁,覺得學到了很多,影片做的很棒,請持續創作!

  • @RJYL
    @RJYL 2 роки тому +2

    讲的非常浅显易懂,很容易上手。谢谢。

  • @xxxkkk4228
    @xxxkkk4228 2 роки тому +4

    謝謝老師!希望老師的頻道爆紅🙏💕
    9:46
    29:39

  • @zyang2624
    @zyang2624 3 роки тому +2

    双画面显示直观清楚,条理清晰,感谢。

  • @annachen2388
    @annachen2388 2 роки тому +2

    这是我见过得最好的教学了,条理清晰。希望老师您多出些关于HTML的更多的用法!期待!!!

  • @tothree7364
    @tothree7364 2 роки тому +2

    你的教學真的很棒
    對剛學網頁架設的我非常有幫助
    非常感謝你
    祝你的頻道訂閱數成指數飆升😆

  • @marchyu2989
    @marchyu2989 Рік тому +1

    看了10分鐘,再請chatgpt幫忙寫個架構,去修改內容,學習很有進度👍🏻👍🏻

  • @user-om2di3do6u
    @user-om2di3do6u 2 роки тому +2

    鉅細靡遺,耐心指導!
    謝謝小白的教學影片。

  • @user-yz7dh1uc8n
    @user-yz7dh1uc8n 2 роки тому +4

    講得比我們學校的老師好上一百萬倍 非常清楚 適合自學 謝謝分享

  • @redtea8374
    @redtea8374 2 роки тому

    就算現在網頁建立有些可以不用程式碼,但個人經歷感受,這些基礎html CSS甚至 JavaScript ,還是要去認識了解,這樣在網頁建立編輯會更完美,謝謝老師。

  • @athena99520
    @athena99520 2 роки тому +7

    好讚欸~謝謝小白講得好淺顯易懂
    讓我自學也不會失去興趣🥺

  • @muamuachu
    @muamuachu 2 роки тому +3

    感謝分享~~~非常實用,講解的速度與難易度非常適合入門新手

  • @AruleKao
    @AruleKao Рік тому +6

    太棒了 謝謝小白老師的教學!
    對自學的程式初學者非常友善
    簡單易懂 而且幽默😂💯

    • @andy0306studio
      @andy0306studio Рік тому +1

      我也這麼覺得 ,大四了,剛好下學期有修網頁設計,想說先來自學一點
      但之前有接觸過其他程式 妳呢 對程式有興趣 有機會能一起研究

    • @user-ew1em7zy3y
      @user-ew1em7zy3y Рік тому +2

      @@andy0306studio 請問如果對程式有興趣,可以研究嘛!!!

    • @andy0306studio
      @andy0306studio Рік тому

      @@user-ew1em7zy3y 可以啊 感謝

    • @user-ew1em7zy3y
      @user-ew1em7zy3y Рік тому

      @@andy0306studio 請問要怎麼聯絡

  • @plumpig523
    @plumpig523 2 роки тому +2

    本來看到冰冰姐想噓的 可是真的教得太好了 還是給了讚

  • @user-gk6cp5fi2y
    @user-gk6cp5fi2y 2 роки тому +5

    講解得很清晰!終於解開困惑了!感恩:)

  • @uuuboy2003
    @uuuboy2003 2 роки тому +2

    一直都不清楚div和span到底有啥用~終於懂了~感謝

  • @chi-tsolin4438
    @chi-tsolin4438 Рік тому +2

    謝謝分享!對新手真的很友善~😍

  • @MrPonbonbon
    @MrPonbonbon 2 роки тому +3

    非常清楚易懂 感謝大大

  • @jblee7059
    @jblee7059 Рік тому +2

    小白我的英雄 謝謝小白的影片讓我轉生uiux成功🥹

  • @sqye
    @sqye 6 місяців тому +1

    老师讲的好好啊

  • @Terry0319
    @Terry0319 2 роки тому +4

    謝謝老師,真的太佛了 教學又非常清楚

  • @leo55662006
    @leo55662006 2 роки тому +2

    五顆星 感恩小白。聽你教學 會一直想聽下去!!

  • @Jia-in-Paris
    @Jia-in-Paris 2 роки тому +12

    老師真的太會教了⋯⋯連我這個阿姨都能聽懂!太感謝了 ❤️

  • @gooday_tarot_
    @gooday_tarot_ 2 роки тому +5

    很喜歡老師的教學方式,希望老師之後可以出一些ruby on rails的課程~

  • @samsungmountiesoft9245
    @samsungmountiesoft9245 2 роки тому +1

    有用的信息,谢谢。当我创建一个网站时,我也想让它整洁。

  • @user-yu8fp7lr7h
    @user-yu8fp7lr7h 3 роки тому +5

    不得不說真的學到很多
    感謝小白拍了這麼優質的影片

  • @LuAir724
    @LuAir724 Рік тому +3

    52:02 我快笑死 老師直接看不下去

  • @elenelen896
    @elenelen896 3 роки тому +4

    謝謝小白老師淺顯易懂的解說~

  • @user-em8zf4zi7g
    @user-em8zf4zi7g Рік тому +2

    謝謝您的分享

  • @changgemantan
    @changgemantan Рік тому +2

    老师牛逼,学到了很多

  • @ivanbear
    @ivanbear 2 роки тому +2

    太感謝你了,教了我很多東西,THANKS
    😉

  • @Jason__Chu
    @Jason__Chu Рік тому +2

    謝謝哥❤

  • @user-di8te9dp5x
    @user-di8te9dp5x 3 роки тому +2

    小白老师讲得真好,非常具体

  • @romona76
    @romona76 Рік тому +2

    我看完了耶!!!奇怪不是1小時教學嗎?為什麼我分了看了好幾天才看完嗚嗚

  • @xinwu8384
    @xinwu8384 3 роки тому +2

    內容淺顯易懂,謝謝老師的分享~

  • @x1anol993
    @x1anol993 2 роки тому +2

    講超清楚真的很有幫助

  • @user-vs9dc6tx6h
    @user-vs9dc6tx6h 2 роки тому +2

    超愛小白的教學

  • @timchen1915
    @timchen1915 2 роки тому +3

    請問你有其他更深入的付費教學影片嗎? 我覺得你教得很不錯!!

  • @kingjack9838
    @kingjack9838 Рік тому +2

    感謝分享

  • @chunchihkuo317
    @chunchihkuo317 2 роки тому +2

    謝謝老師的分享。

  • @wangnana2792
    @wangnana2792 2 роки тому +2

    教的很好, 巳訂閱~

  • @qqquilty3672
    @qqquilty3672 Рік тому +2

    講得真好耶!又精簡又實用!

  • @luzchiang
    @luzchiang 2 роки тому +2

    真的講得很清楚耶!!厲害 ~

  • @z-ychen1443
    @z-ychen1443 Рік тому +1

    當我在瀏覽器按F12 開啟開發人員介面後,想要在這更改別人的html程式碼,讓網頁呈現做一些變化,但每次只要重新整理後,網頁就會恢復原狀。
    想請問講師,是不是按F12後出現的介面修改html代碼真的不會影響到別人寫好的html內容呢?
    背後有什麼機制在維護網頁內容,以避免被篡改嗎?

  • @WL-mi9pl
    @WL-mi9pl 2 роки тому +2

    感謝分享,真的講得很清楚

  • @ccyy1120
    @ccyy1120 2 роки тому +2

    真的是阿嬤都會,謝謝你分享!

  • @jackshng
    @jackshng 2 роки тому +2

    感謝老師教學,想學這個東西想很久了!

  • @tzuchengchiu8217
    @tzuchengchiu8217 2 роки тому +2

    我快笑死了,為什麼要逼我看冰冰姐泡湯♨️,今日限定😂😂😂😂

  • @p3939889q
    @p3939889q 3 роки тому +2

    謝謝阿罵的教學 已經了解基本架構!

  • @user-yo7oc3tl3x
    @user-yo7oc3tl3x Рік тому +1

    我想问一下除了f12按键,还有什么其他按键去看html 网页 因为当我按f12的时候我电脑直接去myasus 的客服

  • @jrchin2973
    @jrchin2973 10 місяців тому +1

    請問輸入帳號密碼後,該如何轉跳到想進入的畫面?謝謝

  • @zarmmraz5267
    @zarmmraz5267 Рік тому +2

    看到統神我突然間笑死 上一秒還在認真溫習😂

  • @user-ut9xf7lu9y
    @user-ut9xf7lu9y 2 роки тому +2

    謝謝 非常實用!

  • @yutsacarm8021
    @yutsacarm8021 3 роки тому +4

    真的教得很好!

  • @dudou3574
    @dudou3574 2 роки тому +2

    很棒的教学!

  • @carloschen8422
    @carloschen8422 2 роки тому +2

    42:34 火鍋笑了XD

  • @user-wv4nk3eb4n
    @user-wv4nk3eb4n 2 роки тому +2

    謝謝老師~講的真是精闢!!

  • @FongYuLiu
    @FongYuLiu 2 роки тому +2

    小白太棒了,謝謝老師!

  • @clorismo691
    @clorismo691 2 роки тому +3

    好神奇,今天我在学习群里面有看到同学提阿嫲都会的视频,然后我就发现这里了!

  • @alexpon4789
    @alexpon4789 2 роки тому +2

    謝謝你 希望可以出更多影片

  • @july_eagle
    @july_eagle 2 роки тому +2

    非常感謝老師

  • @qaz771
    @qaz771 2 роки тому +1

    51:27 點選畫面右下角"複製"比較方便

  • @01gurabloop8
    @01gurabloop8 2 роки тому +2

    老師教得真好~~

  • @user-wf7mz7zp4t
    @user-wf7mz7zp4t 2 роки тому +2

    讲得太好了。

  • @mxxrxxcxxlaa
    @mxxrxxcxxlaa 2 роки тому +2

    謝謝~~~對新手來說~~這太棒了>

  • @yuantabenson
    @yuantabenson 2 роки тому +2

    佛心來的~感謝

  • @junli7626
    @junli7626 2 місяці тому +1

    小白老師您好,我學程式都看您的教學影片,想請問小白老師如果超過40歲無程式經驗,但是對寫程式有興趣,看影片自學程式,有可能轉職前端工程師嗎?謝謝您

    • @GrandmaCan
      @GrandmaCan  2 місяці тому +1

      完全有可能唷😎

  • @lee-uv5lm
    @lee-uv5lm 2 роки тому +1

    50:45把UA-cam影片嵌入有些問題,根據教學上面操作,網頁會出現網頁無法操作,在youtube上觀看的連結,請求解

  • @user-jy4gs4xr5d
    @user-jy4gs4xr5d 3 роки тому +2

    感謝教學, 50:54 還笑了一下XD

  • @user-cx5se6rn8x
    @user-cx5se6rn8x 3 роки тому +3

    謝謝您大方的教學

  • @allenlin4510
    @allenlin4510 2 роки тому +4

    小白老師真的很懂初學者的心情!