亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

手把手帶你前端快速入門

難度入門
時長 2小時50分
學習人數
綜合評分10.00
6人評價 查看評價
10.0 內容實用
10.0 簡潔易懂
10.0 邏輯清晰
  • <span>標簽被用來組合文檔中的行內元素

    查看全部
  • P標簽


    P標簽里不可以放占位的標簽,例如:input、buttom、div等。

    p標簽里可以放文字、圖片、a標簽。


    https://img1.sycdn.imooc.com/66c348860001c71d05440079.jpg

    查看全部
  • 1.html中作為按鈕標簽有兩種,一種是input、另一種是button標簽。

    2.最基本的區別為前者為單標簽,后者為閉合的標簽。



    <input type="button" value="按鈕">? ? ? <!-- 單標簽 -->

    <button>按鈕</button>? ? ? ? ? ? ? ? ? ?<!-- 閉合標簽 -->

    <button>

    <img src="img/1.gif">

    </button>

    查看全部
  • <input value="慕課網">? ? ? ? ?<!-- input框里的實打實的文字 -->

    <input value="abc">

    <input?

    maxlength="5"? ? ? ? ? ? ? ? ??

    value="abcdefg">? ? ? ? ? ? ? ?<!-- 限制input框的長度,不會限制value的長度 -->

    <input value="請輸入密碼">

    <input placeholder="請輸入密碼">? ? ?<!-- 提示內容 -->

    查看全部
    1. input標簽是網頁中最常見的輸入文字的標簽

    2. input有很多種類型,例如:密碼、文字、數字、顏色、復選等。


    <input type="text"/>? ? ? ? <!-- 文本 -->

    <input type="password"/>? ? <!-- 密碼 -->

    <input type="number"/>? ? ? <!-- 數字 -->

    <input type="color"/>? ? ? ?<!-- 顏色 -->

    <input type="checkbox"/>? ? <!-- 復選框 -->

    <input type="date">? ? ? ? ?<!-- 日期 -->

    查看全部
  • 1.前端網頁的有序列表ol(英文ordered List)

    2.列表里的項目用<li>(英文list item)標簽記述

    3.默認狀態寬度是一整行

    查看全部
  • <a href="http://www.xianlaiwan.cn/u/index/allcourses">

    慕課網

    </a>

    跳轉頁面


    <a target="_blank" href="http://www.xianlaiwan.cn/">

    <img src="http://www.xianlaiwan.cn/static/img/index/logo2020.png" width="20" height="20"/>

    </a>

    新開頁面


    <a href="index-one.html">

    index_one頁面

    </a>

    跳轉到同級目錄頁面


    <a href="New Folder/index-oo.html">

    index_oo第二頁面

    </a>

    跳轉到不同級目錄頁面


    ../(返回上級目錄)

    查看全部
  • herf? 超文本引用


    https://img1.sycdn.imooc.com/66bb5b440001ac6411980174.jpg

    查看全部
  • <ul>?標簽定義無序(帶項目符號)列表。

    請使用?<ul>?標簽和 <li> 標簽來創建無序列表。

    提示:請使用 CSS 來設置列表樣式。

    提示:對于有序列表,請使用?<ol> 標簽。

    查看全部
  • <ol>?標簽定義有序列表。有序列表可以是數字或字母順序。

    <li>?標簽用于定義每個列表項。

    提示:請使用 CSS 來設置列表樣式。

    提示:對于無序列表,請使用?<ul> 標簽。

    查看全部
  • <div>?標簽定義 HTML 文檔中的分割或部分(分區或小節,division/section)。

    <div>?標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯。

    任何類型的內容都可以放在?<div>?標簽內!<div>?標簽可用作 HTML 元素的容器,然后使用 CSS 設置樣式或使用 JavaScript 進行操作。

    如果用?id?或?class?來標記?<div>,那么該標簽的作用會變得更加有效。通過使用?class?或?id?屬性,可以輕松地對?<div>?標簽設置樣式。

    注意:默認情況下,瀏覽器總是在?<div>?元素前后放置一個換行符。

    用法

    <div>?是塊級元素。這意味著它的內容自動地開始一個新行。實際上,換行是?<div>?固有的唯一格式表現。可以通過?<div>?的?class?或?id?應用額外的樣式。

    不必為每一個?<div>?都加上類或 id,雖然這樣做也有一定的好處。

    可以對同一個?<div>?元素應用?class?或?id?屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標識單獨的唯一的元素。

    查看全部
  • <title>?標簽定義文檔的標題。標題必須是純文本的,顯示在瀏覽器的標題欄或頁面的選項卡中。

    <title>?標簽在 HTML 文檔中是必需的!

    頁面標題的內容對于搜索引擎優化 (SEO) 非常重要!搜索引擎算法使用頁面標題來決定在搜索結果中列出頁面時的順序。

    <title>?元素:

    定義瀏覽器工具欄中的標題

    添加到收藏夾時為頁面提供標題

    在搜索引擎結果中顯示頁面的標題

    以下是創建好的標題的一些建議:

    選擇較長且具有描述性的標題(避免使用僅包含一個或兩個單詞的標題)

    搜索引擎將顯示大約 50-60 個字符的標題,因此請盡量避免標題過長

    不要僅將標題設為一組單詞的列表(這可能會降低頁面在搜索結果中的排名)

    因此,盡量使標題準確且有意義!

    注意:一個 HTML 文檔中不能包含多個?<title>?元素。


    <meta>?標簽定義關于 HTML 文檔的元數據。元數據是關于數據的數據(信息)。

    <meta>?標簽始終位于?<head> 元素?內,通常用于指定字符集、頁面描述、關鍵詞、文檔作者和視口設置:

    元數據不會顯示在頁面上,但可以被機器解析。

    瀏覽器(如何顯示內容或重新加載頁面)、搜索引擎(關鍵詞)和其他網絡服務會用到元數據。

    提示:meta 元素有多種不同用法,而且一個 HTML 文檔中可以多個 meta 元素。

    提示:通過?<meta>?標簽,有一種方法讓網頁設計師控制視口(即用戶在網頁中可見的區域)(請參見下面的"設置視口"實例)。

    注意:每個 meta 元素只能用于一種用途。如果想要使用的特性不止一個,那就應該在 head 元素中添加多個 meta 元素。

    查看全部
  • <a></a>
    a標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。
    a元素最重要的屬性是?href?屬性,它指定鏈接的目標。
    查看全部
  • <span>標簽:組合文檔中的行內元素

    <span>abc</span>

    <span>123</span>

    效果就是在一行顯示:

    abc123


    同一個div中的input會從左到右的排序,不會換到下一行

    查看全部
  • P標簽自成一行,且會自動在其后創建一些空白;

    div里面可以放P,P不能放div

    p標簽里面不能放div,不能放ul,ol,li

    但是P標簽里面放文字、圖片<img>、鏈接<a>是可以的

    查看全部
首頁上一頁12下一頁尾頁

舉報

0/150
提交
取消
課程須知
1.具備電腦基礎使用 2.課程學習多動手練
老師告訴你能學到什么?
1.了解前端是什么,以及發展 2.學會前端開發環境搭建 3.學會基礎的HTML標簽 4.實戰兩個案例HTML骨架搭建

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!