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

發(fā)布時間：2018-07-26 17:52,

瀏覽次數(shù)：739

, 標(biāo)簽：

HTML

CSS

<>任務(wù)要求

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

(EditPlus下載使用博客：

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

<>學(xué)習(xí)準(zhǔn)備

可以參照學(xué)習(xí)W3School網(wǎng)站中的HTML和CSS教程進(jìn)行學(xué)習(xí)，HTML詳細(xì)教程見鏈接

。

<>HTML的本質(zhì)

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

統(tǒng)文本的限制。因此它可以被看做是傳統(tǒng)文本的一個擴(kuò)展或者電子化，當(dāng)然它也具有區(qū)別于傳統(tǒng)媒體的特點。

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

標(biāo)記標(biāo)簽為基礎(chǔ)，客戶端只是要有瀏覽器就可以對標(biāo)記標(biāo)簽進(jìn)行分析解析，從而還原發(fā)布者的源內(nèi)容。

<>Editplus工具

EditPlus是一款由韓國 Sangil Kim

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

<>HTML 標(biāo)題

HTML 標(biāo)題(Heading)是通過

-

等標(biāo)簽進(jìn)行定義的,指的是打開網(wǎng)頁時瀏覽器的標(biāo)簽。

<>HTML 段落

HTML 段落是通過

標(biāo)簽進(jìn)行定義的。

eg.

This is a paragraph.

This is a

paragraph.

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

HTML文檔的通用結(jié)構(gòu)如下：

The Game of Thrones

This is my

first paragraph.

<>HTML 表格

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

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

標(biāo)簽定義)。 字母 td 指表格數(shù)據(jù)(table data)，即數(shù)據(jù)單元格的內(nèi)容。

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

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 樣式

當(dāng)單個文件需要特別樣式時，就可以使用內(nèi)部樣式表，通過

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

} <>HTML 背景

背景可以通過RGB 值或者圖片來設(shè)置

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

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

要多加學(xué)習(xí)其中的各種標(biāo)簽，學(xué)海無涯，大家一起來學(xué)習(xí)和討論！

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。