2. 程式人生 > 其它 >HTML及CSS筆記

HTML及CSS筆記

阿新 • • 發佈：2021-02-07

技術標籤：前端基礎csshtml

目標：Front-end Engineer → Full-stack Engineer

瀏覽器及其核心

HTML

開發工具

sublime

輕量級的ide

1.使用技巧

h${}*6

vsCode

寫大專案時使用

1.使用技巧

SEO-搜尋引擎優化

<html lang= "en">
<head>
	<meta charset="utf-8">
    <!-- charset:編碼字符集-->
    <title>我是title</title
 
>
    <meta content="服裝" name="keywords">
    <meta content="這是一件你穿了就不想脫的衣服" name="description">
</head>
<body>
    <!-- 告訴搜尋引擎爬蟲，我們的網站是關於什麼內容的 -->
    <!-- SEO -->
</body>
</html>

路徑

1. 網上url

<img src="https://xxxxxx.jpg" style="width:200px;">

2.本地的絕對路徑

D:/a/b/test.html

D:/a/b/c/123.jpg

<img src="D:/a/b/c/123.jpg>"

3. 本地的相對路徑

…/來表示上一級目錄

  1. D:/a/b/test.html

    D:/a/b/123.jpg

    <img src="123.jpg>"

  2. D:/a/b/test.html

    D:/a/c/123.jpg

    <img src="../c/123.jpg>"

標籤

♦ 代表h5新標籤

標籤描述
<!--...-->定義註釋。
<！DOCTYPE>定義文件型別。

相關推薦

HTML及CSS筆記

技術標籤：前端基礎csshtml 目標：Front-end Engineer → Full-stack Engineer 瀏覽器及其核心

Web前端-HTML&CSS筆記之09

Web前端-HTML&CSS筆記之09 1002-P69~P74 定位 總述 定位（position）是一種更高階的佈局手段，通過定位可以把元素放到頁面的任意位置，可以使用position屬性來設定定位。

Web前端-HTML&CSS筆記之08

0922-p54~p57 階段小練習知識點回顧 塊元素和行內元素的巢狀規則？ 如果不按照HTML規則書寫程式碼時，瀏覽器就不會正確解析，會將不符合巢狀規則的節點放到目標節點的下面，或者變成純文字。HTML存在許多種型別的標

HTML+CSS筆記

網頁的基本結構 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

html預設css樣式的標籤及去除(全域性)

1.標籤的預設樣式和清除預設樣式（統一全域性樣式）的程式碼 大多數標籤都有自己的預設樣式，比如遇到的body預設外邊距，另外本例中ul前的圓點及左側的內邊距，另h1-h6字型大小各不相同，em預設為斜體，strong表示粗

HTML & CSS上課筆記

概述 定義 Hyper Text Markup language超文字標記語言，用於描述頁面結構的語言 Cascading Style Sheets層疊式樣式表，用於描述頁面長什麼樣子

HTML和CSS學習筆記

技術標籤：csshtml HTML表單的高階應用 隱藏域 <form action="#" method="get">

HTML&CSS學習筆記

目錄HTMLHTML是什麼？HTML基本結構head部分常用的標籤body部分常用的標籤圖形標籤:超連結標籤:列表標籤:CSS行內樣式內部樣式外部樣式CSS選擇器基本選擇器元素選擇器ID選擇器類選擇器通用選擇器組合選擇器交集選擇器

HTML基礎標籤及css基礎

<!DOCTYPEhtml> <!--html5的標識，告訴瀏覽器這是一個html5的頁面 請按解析html5的方式解析-->

html、css學習筆記：第一節常用的html標籤

vscode建立html檔案 !+tab生成html檔案模板 安裝open in browser 外掛，郵件在瀏覽器中開啟網頁修改title

html與css程式碼筆記

註釋標籤：對程式碼進行說明 <!-- 單行註釋,也可以對多行文字進行註釋 -->

HTML和CSS(一)

一、JavaWeb 1. 基本概念 JavaWeb： 使用Java語言開發基於網際網路的專案 軟體架構：

03 HTML 與 CSS 基礎入門

正所謂，知己知彼，百戰不殆。我們爬蟲的爬取物件，就是各式各樣的網頁，只有對網頁的基本內容達到熟悉的程度，才能順利的書寫我們的爬蟲程式。

HTML&CSS面試高頻考點(二)

HTML&CSS面試高頻考點(一)♥ 6. W3C盒模型與怪異盒模型 標準盒模型（W3C標準）

HTML&CSS面試高頻考點(三)

11. CSS隱藏元素的方式 /*佔據空間，無法點選*/ visibility: hidden; position: relative; top: -999em;

#Google HTML&CSS規範指南

Google HTML&CSS規範指南 翻譯自原文 目錄 Google HTML&CSS規範指南 1. 背景 2. 通用

2.html和css進階

相對地址與絕對地址 網頁上引入或連結到外部檔案，需要定義檔案的地址，常見引入或連結外部檔案包括以下幾種：

3.html和css高階

表格元素及相關樣式 1、<table>標籤：宣告一個表格 2、<tr>標籤：定義表格中的一行

使用HTML和CSS實現3D文字效果

方法：3D文字動畫效果是通過text-shadow屬性設計的。應用在多個文字陰影上，主要是因為使用了3D效果，外觀看起來好像我們僅應用單個文字陰影，對於單詞中存在的所有字母來說，它都是相同的。但是對於3D效果，我們希望

瀏覽器、HTML、css 面試題

1.什麼是盒模型 盒模型（內容（content）,內邊距（padding）,邊框（border）,外邊距（margin））,值得注意的是，塊級元素可以設定寬高，內邊距，邊框，外邊距 行內元素寬高自動，並排顯示。