day1筆記 學習了html基礎

2022-09-14 06:27:09 字數 2772 閱讀 9347

把整個瀏覽器當做乙個文件

文字

瀏覽器型別
ie核心

chorme核心

firefox

雙核(ie和chorme核心)

html,css,js

html 負責結構 毛坯房

css 負責美 精裝修

js 負責動(互動) 智慧型家具

html 超文字

一種描述性的標記語言(所記既所得)

htm或html作為字尾 用dreamwe**er,hbuilder,記事本開啟

標記是用來描述網頁內容的特定符號

學html就是學習各種標籤

html和瀏覽器有容錯性,寫錯了也會顯示,但是還是要跟標準走。

hbuilder操作

新建檔案目錄->點選專案,右鍵新建

快捷鍵儲存 ctrl + s

剪下 ctrl + x

整行刪除 ctrl + d

**聯想 alt + /

**整理 ctl + shift + f

衝突-> 輸入法 -> 屬性 -> 快捷鍵 -> 修改

在瀏覽器內執行 ctl + r 在hbuilder上的伺服器執行

普通標籤

中間文字稱之為內容

標題標籤

-> ?:1-6 沒有h7標籤,大於6的標籤和普通文字一樣

有大小之分(由大到小)

加粗效果

獨佔一行(塊元素)

段落標籤

特點:

自閉合標籤

換行標籤

html中沒有所謂的回車

```// 屬性src 指向要顯示的

// 沒有獨佔一行

```

常見的轉義字元

空格 &bnsp;

> >

< <

" quot;

& &

水平線標籤其他文字類標籤
水平線標籤:

加粗標籤:斜體:

下劃線:

刪除線:

公式
下標標籤:sub

h2so4

上標標籤:sup

a2 + b2 = c2

練習3

前不見古人,

後不見來者。

念天地之悠悠,

獨蒼然而涕下。

練習4
語文asdfoajdasdfjklajsdfljaldfjaofijaiodfjadfkjalf

數學勾股定理 直角三角形: a2+b2=c2

英語no pain, no gain.

化學h2so4

經濟註冊商標:®

屬性

標籤和屬性大小寫不敏感

屬性為html提供附加資訊

行內元素(標籤)

可以和其他行內元素及文字共享一行

br img sub sup b i ...

塊元素(標籤)

獨佔一行

h1-h6 p hr div...

普通標籤

內容
自閉合標籤

超連結

普通,行內標籤

1. 站內鏈結(自己寫的工程裡面的)

2. 站外鏈結(別人寫的工程裡面的)

自身開啟,同預設一樣

在新的頁面開啟

錨標籤
找到本頁面中的某個標籤,讓他顯示在頁面的最上面

語文數學

英語化學

經濟語文

asdfoajdasdfjklajsdfljaldfjaofijaiodfjadfkjalf

數學勾股定理 直角三角形: a2+b2=c2

英語no pain, no gain.

化學h2so4

經濟註冊商標:®

列表
屬性值有區別大小寫

3種1. 有序列表

2. 無序列表 --> 目錄

3. 自定義列表(少用)

除了a標籤以外,不建議行內元素包著塊元素

建議塊元素包著行外元素

111

練習5
windows me

windows 2003

練習6
333

**
京東		

**填充和間距
border:邊框的厚度

只可以在table設定

cellpadding:內間距,單元格填充

cellspacing:外邊距,單元格間距

bgcolor:背景顏色

bordercolor:邊框顏色

對齊方式
align 水平對齊方式  預設左對齊

valign 垂直對齊方式 預設居中對齊

寬度
在單元格中設定

一列中加乙個就可以了,heigth類似

width

mysql操作day1筆記

資料庫操作 進入資料庫 mysql uroot p quit exit退出登入 檢視版本 select version 建立資料庫 create database 資料庫名 charset utf8 create database runoob 切換資料庫 use 資料庫名 檢視當前選擇的資料庫 s...

HTML學習筆記Day1

一 建設流程 1.註冊網域名稱 2.租用空間 伺服器 3.建設 1 確定 主題 專案 2 蒐集材料 專案 3 規劃 ui 4 製作頁面 前端 後端 4.網路推廣 二 web的構成 1.結構 xhtml xml html5 w3c規定了表現標準 2.表現 css渲染 w3c規定了表現標準 3.行為 d...

css動畫專題 day1筆記

css3 transition 使用 css3 animation 使用 css3 transform 使用 貝塞爾曲線運動 transtion 針對為渲染元素的問題 transitionend 事件 transtion 2s 2s all linear transtion 2s 2s all cu...