html動態網頁效果代碼_教你制作網頁的第一步

Internet中有許多漂亮、美觀的網頁,要制作出這樣的網頁,必須先了解什么是網頁,網頁的基本組成是怎樣的。

e5091bd533339ab788201b6593752969.png

網頁又稱為Web頁,一般都包含圖像、文字和超鏈接等元素。按表現形式的不同,網頁可分為靜態網頁和動態網頁。

靜態網頁:它是標準的HTML文件,它是采用HTML(超文本標記語言)編寫的,通過HTTP(超文本傳輸協議)在服務器端和客戶端之間傳輸的純文本文件,擴展名為.html或htm。

動態網頁:它是指共有動態效果的網頁,由ASP、PHP、ISP和CGI等程序組成。

按網頁在網站中的位置,可將其分為內頁(Web Page)和主頁(Home Page)。通常所說的主頁是指訪問網站時看到的第一頁,即首頁。首頁的名稱是特定的,一般為index.tm、index.html、default.htm、default.html、default.asp或index.asp等。內頁是指與主頁相鏈接的其他頁面,即網站內部的頁面。

使用"記事本"程序編寫網頁

第一步:新建記事本

第二步:在打開的記事本中輸入如圖所示的代碼。

ef89c22557d7f30c0425b363e368bfba.png

第三步:選擇文件,打開"另存為"對話框,在最上方"下拉列表框中選擇文件保存路徑,在"文件名"下拉列表框中輸入文件名及擴展名,輸入"index.html",

在"保存類型"下拉列表框中選擇"所有文件"選項,單擊保存按鈕

ddce7e43a184b98ea98099566bfc33b4.png

第四步:找到保存路徑

ffe8c4ff27568ceec4fe98db7231f789.png

第五步:雙擊所創建的文件,即可在瀏覽器中打開文件進行網頁效果預覽

6b60495219332e3aac284204444a7b7b.png

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/395906.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/395906.shtml
英文地址,請注明出處:http://en.pswp.cn/news/395906.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Spring Cloud 7:Gateway

Zuul 網關 Zuul 是 Netfilx 開源的一個 API Gateway 服務器,本質是一個 Web Servlet 應用。其在微服務架構體系中提供動態路由、監控、彈性、安全等邊緣服務。 使用 Zuul 作為網關,其主要原因有以下幾點: 1、Zuul、Ribbon 以及 Consul 客戶端…

nodejs開發工程師前景_Google NodeJS運行時團隊的工程師Matt Loring訪談

nodejs開發工程師前景by Sameer Khoja通過Sameer Khoja Google NodeJS運行時團隊的工程師Matt Loring訪談 (An Interview with Matt Loring, an engineer on Google’s NodeJS Runtime team) I had the pleasure of interviewing Matt Loring (Cornell class of 2015) who wor…

計算機EI期刊2020,2020年Ei Compendex收錄的中國期刊目錄( JANUARY 1, 2020 )

該樓層疑似違規已被系統折疊 隱藏此樓查看此樓2020年Ei Compendex收錄的中國期刊目錄更新了,合計222本。本文根據最新 JANUARY 1, 2020 更新《2020年Ei Compendex收錄出版物期刊目錄》整理,需要提醒,目錄EI是不定時更新的,但根據小…

mysql聯合索引順序調整_MySQL 關于聯合索引的字段順序規則討論

聯合索引的順序,難道不是哪個查詢條件最多用就放在前面的嗎?比如商品有三個分類A,B,C,類似「界門綱目科屬種」那樣,越左類別越大。還有一個是商品來源D,不一定會用于查詢條件中。舉個例子&#…

python基礎-第三篇-函數編程

基本數據類型之set set是無序不允許重復的集合set創建:s set() 創建空集合 s {11,22,33}轉換s set(可迭代數據)li [11,22,33,44] s set(li) print(s) #結果為{33, 11, 44, 22} 集合元素的添加與清空se {11,22,…

10個 Linux/Unix下 Bash 和 KSH shell 的作業控制實例

Linux 和 Unix 屬于多任務的操作系統,也就是說一個系統在同一時間段內能運行多重任務(進程)。在這個新的博客系列,我將會列出相關的 Linux 和 Unix 作業(job)控制的命令,你可以通過這些命令在 Bash 或 Korn 還有 POSIX…

微信小程序 - 骨架屏

骨架屏 - “與其等待網絡加載,不如提前給點暗示” 注:不適用復雜交互效果 演示 示例解釋以及使用全在index.wxml中,觀看需了解組件使用. 示例下載:微信小程序-骨架屏演示 轉載于:https://www.cnblogs.com/cisum/p/10032448.html

圖解機器學習 github_使用Github和Cloudflare建立網站的圖解指南

圖解機器學習 githubby Karan Thakkar由Karan Thakkar 使用GitHub和Cloudflare建立網站的插圖指南 (An illustrated guide to setting up your website using GitHub and Cloudflare) You should read this if…如果...,您應該閱讀此內容 You want to setup custo…

ajax拼接顯示不同樣式,Ajax重點整理

Ajax工作流程Ajax:在不刷新頁面的情況下向服務器請求數據1.創建XMLHttpRequest對象(俗稱小黃人)var xhr new XMLHttpRequest();XMLHttpRequest : http請求對象,負責實現ajax技術2.設置請求xhr.open(get, url);url:服務器地址3.發送請求xhr.send();4.注冊…

java與mysql的交互_java與數據庫交互常用到的一些方法

下面我整理了一下java中常用的幾個與數據庫交互的常用方法,僅供參考:1.執行SQL(dao層的實現類中)(1)SQL查詢://import org.hibernate.Query;//import org.hibernate.Session;/*** 通過名稱查找id*parampsname*returnid*/OverridepublicString…

xbmc電腦版本和手機版本學習教程

XBMC改名為Kodi了,IOS系統,Cydia源地址也同樣發生了變化,新的源是:http://mirrors.kodi.tv/apt/ios/先了解一下幾點知識: 教程中的各項操作,默認起始點都是“主界面”或“各分類菜單(視頻、音樂…

線程管理(七)守護線程的創建和運行

聲明:本文是《 Java 7 Concurrency Cookbook 》的第一章, 作者: Javier Fernndez Gonzlez 譯者:鄭玉婷 校對:方騰飛 守護線程的創建和運行 Java有一種特別的線程叫做守護線程。這種線程的優先級非常低,通常…

vue2中的keep-alive使用總結及注意事項

問題總結;最近在寫vue移動端的項目的時候,當我切換菜單,再切換換回去的時候,發現頁面出現閃動的效果,其原因是因為切換回去之后,頁面重新渲染了;為了解決這一問題:查閱資料,只需要在 入口文件 App.vue 的router-view外層包裹一個keep-active標簽,表示該組件被保存在內存中,不需…

grove 套件_如何通過使用Andy Grove的High Leverage Activities加快發展?

grove 套件by Guido Schmitz由Guido Schmitz 如何通過使用Andy Grove的High Leverage Activities加快發展? (How to speed up your development by using Andy Grove’s High Leverage Activities ?) Youre constantly building on new features, fixing new bugs…

ajax php 觀察者模式,JavaScript觀察者模式定義和dom事件實例詳解

觀察者模式(發布-訂閱模式):其定義對象間一種一對多的依賴關系,當一個對象的狀態發生改變時,所有依賴于它的對象都將得到通知。在JavaScript中,一般使用事件模型來替代傳統的觀察者模式。好處:(1)可廣泛應用于異步編程…

python中代碼段的標志是什么車_請問這段Python代碼是什么意思?

ord(p) - ord(a)這個意思是以 a 為序號0,計算字符p的序號。在ASCII字符集中,小寫字母a-z是連續排列的,因此如果a是0的話,那么b就是1,c就是2……以此類推。ord(p) - ord(a) 3前面一段我們解釋過了,那么這一…

servlet和jsp頁面過濾器Filter的作用及配置

剛剛有個朋友問我,Servlet的過濾器有什么作用? 現在發個帖子說明一下, 過濾器是一個對象,可以傳輸請求或修改響應。它可以在請求到達Servlet/JSP之前對其進行預處理,而且能夠在響應離開Servlet /JSP之后對其…

tar命令速查

tar -c: 建立壓縮檔案-x:解壓-t:查看內容-r:向壓縮歸檔文件末尾追加文件-u:更新原壓縮包中的文件 這五個是獨立的命令,壓縮解壓都要用到其中一個,可以和別的命令連用但只能用其中一個。下面的參數是根據需要…

附005.Docker Compose文件詳解

一 Docker Compose文件簡介 compose文件使用yml格式,主要分為了四個區域:version:用于指定當前docker-compose.yml語法遵循哪個版本services:服務,在它下面可以定義應用需要的一些服務,每個服務都有自己的名…

如何使用TensorFlow構建簡單的圖像識別系統(第2部分)

by Wolfgang Beyer沃爾夫岡拜爾(Wolfgang Beyer) 如何使用TensorFlow構建簡單的圖像識別系統(第2部分) (How to Build a Simple Image Recognition System with TensorFlow (Part 2)) This is the second part of my introduction to building an image recognition system wi…