day1 hbuilder的使用

1、互聯網的原理

一、概述

html：用來製做網頁。

互聯網原理：上網即請求數據。

用戶經過在瀏覽器上輸入一個網址，經過HTTP協議向服務器發送請求，服務器作出響應，將相關的網頁數據傳輸到本地計算機，在瀏覽器上渲染出來。

數據：文字、圖片、視頻、音頻等。

二、服務器

服務器：server

做用：保存咱們的數據

 

服務器必須24小時在線，掉線了數據訪問不到，就不能正常訪問網頁。

能夠經過我的的計算機裏面的一些軟件（ftp）來遠程控制服務器。

三、瀏覽器

瀏覽器：browser。

做用：HTTP請求的發起、接收，都是由瀏覽器來完成的。

瀏覽器有不少廠商提供，全球五大瀏覽器：IE、谷歌（Chrome）、火狐（Firefox）、蘋果（Safari）、歐朋（Opera）。

從服務器接收的數據會存放在一個臨時的文件夾。接收咱們緩存的數據。

臨時文件夾做用：第二次訪問同一個網站速度會變快，由於第一次瀏覽的時候，大部分文件已經緩存的本地。

四、http請求

HTTP：Hypertext Transfer Protocol，超文本傳輸協議。

HTTP協議包含了請求和響應兩個部分。都是要依賴瀏覽器。

控制檯：F12

 

HTTP請求發送的方法：直接輸入網址，點擊超級連接。

請求：request，瀏覽器根據網址向對應的服務器發送請求。

響應：response，服務器根據請求響應文件，將頁面傳輸給客戶端，在瀏覽器中進行網頁的渲染。

訪問頁面時，會同時發出多個http請求，包含網頁的圖片、視頻、音頻等文件。

2、純文本和html

一、純文本

最簡單的案例：記事本文件就是純文本文件。擴展名是.txt。

查看文件擴展名的方法：

計算機→工具→文件夾選項

 

特色：純文本文件裏面只保存文字內容。

與Word文檔對比：

Word文檔：不止保存文本內容，還保存樣式。一樣的內容，大小要遠大於txt文件。

txt文件：只保存文本內容，不保存樣式。大小隻是文字內容的大小。

txt文件它只能在同一個電腦修改樣式，便於本機查看，可是保存的時候，不保存樣式。

二、html

html、css、js都是純文本文件。純文本文件能夠用任意的純文本編輯器進行編輯。

最基本的編輯器：記事本。常見的編輯器：記事本、Editplus、notepad++等。

專門製做網頁的軟件有：Dreamweaver、Sublime 高效率程序書寫工具、Webstorm 高級項目編程工具

html：Hypertext Markup Language。超文本標記語言。做用：用來製做網頁。

超文本：Hypertext ，html語言用文原本給文本添加語義，用到的文本就叫作超文本。在網頁裏面不顯示。

 

<h1>歡迎新同事</h1>
<p>歡迎來到新工做環境</p>
<p>好好學習，每天向上</p>

 

語義：人類的語言有標題和內容。計算機不認識咱們人類的話。

html標籤做用：給咱們的文本增長語義。標籤自己就是超文本。

問題：h1標籤的做用是什麼？

答案：不是給文本添加加粗加大字體的樣式，給咱們的文本添加一個主標題的語義。

真正控制文字樣式的是css。

 

<style>

      h1{

          font-size: 20px;

          color:red;

      }

</style>　

 

三、sublime

安裝的版本是sublime 2.0版本，是集成了多個插件漢化的傻瓜版本。

使用方法：直接解壓到任何位置（避免安裝到C盤），而後發送到桌面快捷方式。雙擊進行使用。

快捷鍵：

ctrl+N       新建文件   

ctrl+s     保存文件

標籤名+tab 快速生成標籤對

html:xt+tab   快速生成一個html骨架

p*數量+tab 快速生成必定數量的同種標籤。

按住滾輪拖動 選中多行進行同時編輯

shift+ctrl+D 複製光標所在行

ctrl+X    刪除光標所在行

shift+ctrl+↑ 上移當前行

shift+ctrl+↓ 下移當前行

四、hbuilder

快捷鍵：

ctrl+N       新建文件   

ctrl+s     保存文件 

標籤名+tab 快速生成標籤對

html:xt+tab   快速生成一個html骨架

p*數量+tab 快速生成必定數量的同種標籤。

按ctrl + alt + c，進入多行編輯模式，再用鼠標按住左鍵一劃就好了,編輯完畢以後,再次按下ctrl + alt + c，退出多行編輯模式

Ctrl+Shift+d 複製上一行

ctrl+X    刪除光標所在行

查找(8)
　　搜索條 Ctrl + F
　　搜索框 Ctrl + H
　　查找文件 Ctrl + T
　　隱藏搜索條 ESC

運行 Ctrl + R

向上向下移動：ctri+向上、向下箭頭