用HTML和CSS編輯一份簡歷頁面

發布時間：2018-07-26 17:52,

瀏覽次數：739

, 標簽：

HTML

CSS

<>任務要求

學會使用HTML/CSS編輯器EditPlus 編輯一份簡歷頁面

(EditPlus下載使用博客：

https://blog.csdn.net/qq_42446456/article/details/80795301)

<>學習準備

可以參照學習W3School網站中的HTML和CSS教程進行學習，HTML詳細教程見鏈接

。

<>HTML的本質

(1)它是超文本。首先它與本文有聯系，其次它不僅僅是文本，還可以有圖片、音頻、視頻、動畫、超鏈接等更豐富的元素，超越了傳

統文本的限制。因此它可以被看做是傳統文本的一個擴展或者電子化，當然它也具有區別于傳統媒體的特點。

(2)它是標記語言。標記語言是一套標記標簽，HTML用標記標簽來描述網頁。它不是一種編譯型語言，所以不需要編譯器，它以一系列

標記標簽為基礎，客戶端只是要有瀏覽器就可以對標記標簽進行分析解析，從而還原發布者的源內容。

<>Editplus工具

EditPlus是一款由韓國 Sangil Kim

出品的小巧但是功能強大的可處理文本、HTML和程序語言的Windows編輯器，你甚至可以通過設置用戶工具將其作為C,Java,Php等等語言的一個簡單的IDE。

<>HTML 標題

HTML 標題(Heading)是通過

-

等標簽進行定義的,指的是打開網頁時瀏覽器的標簽。

<>HTML 段落

HTML 段落是通過

標簽進行定義的。

eg.

This is a paragraph.

This is a

paragraph.

//其中，align="left"為段落屬性 <>HTML 文檔

HTML文檔的通用結構如下：

The Game of Thrones

This is my

first paragraph.

<>HTML 表格

本案例中使用了2x5的表格，每個表格單元放置了一張圖片鏈接。表格由

標簽定義)，每行被分割為若干單元格(由

標簽定義)。 字母 td 指表格數據(table data)，即數據單元格的內容。

數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

在瀏覽器顯示如下：

row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 <>HTML 樣式

當單個文件需要特別樣式時，就可以使用內部樣式表，通過

auto;}/*這里的width height 大于圖片的寬高*/ table{ height:100%;width:100%; padding:50px;

} <>HTML 背景

背景可以通過RGB 值或者圖片來設置

也可直接在代碼正文用圖片設置背景，方法如下：

style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1;

border=none; solid blue" src="./bg.jpg" />

<>制作展示

簡歷代碼下載提取：

鏈接: https://pan.baidu.com/s/1z0UafzqUqVqeKkeT6fxKhQ

密碼: x1wm

要多加學習其中的各種標簽，學海無涯，大家一起來學習和討論！

總結

以上是生活随笔為你收集整理的简历 php html css,用HTML和CSS编辑一份简历页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。