正文

大一html網(wǎng)頁制作（大一html網(wǎng)頁制作作業(yè)簡單）

發(fā)布時間：2023-04-01 00:09:58 稿源：創(chuàng)意嶺閱讀： 1044 當前文章關鍵詞排名出租

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于大一html網(wǎng)頁制作的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內優(yōu)秀企業(yè)，服務客戶遍布全國，相關業(yè)務請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、html書寫一個基本頁面
2、html制作個人簡歷網(wǎng)頁代碼
3、制作一個簡單的index.html網(wǎng)頁
4、我是大一新生，計算機老師給我們留了一個作業(yè)，制作一個簡單的 html 個人網(wǎng)站，就是簡單的

大一html網(wǎng)頁制作（大一html網(wǎng)頁制作作業(yè)簡單）

一、html書寫一個基本頁面

1、新建html文檔，在html文檔中輸入網(wǎng)頁的基本元素，然后設置網(wǎng)頁的標題為“測試頁面”：

2、在body標簽中添加img標簽，然后為這個標簽添加“src”屬性，屬性值為“./scence.jpg”：

3、在img標簽中嵌套一個a標簽，為這個標簽添加href屬性，屬性值為原題中的地址，這時點擊圖片將會導航到163官網(wǎng)：

二、html制作個人簡歷網(wǎng)頁代碼

以下是我用html的相關知識制作的個人簡歷網(wǎng)頁，話不多說先看看最終效果：

如上所示項目一共分為5個部分，分別對應導航欄的5個內容。其中項目技能用的是echarts里的柱狀圖，作品展示用的是bootstrap里的輪播圖，除此之外就是html的基礎內容。下面我們展示一下項目的代碼部分：

<!DOCTYPE html><html>

<head>

<title>我的個人簡歷</title>

</head>

<body >

<p style="font-size: 15px;">2018年升入陜西國防工業(yè)職業(yè)技術學院，<br/>學習軟件編程，對編程有濃厚的興趣，

在老師的指導，<br/>和自己的課下練習，漸漸對編程有了更深入的了解。<br/>在課余時間，

我喜歡唱歌、跑步和打乒乓球。<br/>喜好結交志同道合的朋友，一起分享學習的生活的經(jīng)驗。<br/>

有良好的團隊意識，學習時認真負責。 </p>

</div>

</button>

</div>

<tbody>

</button></a></td>

</button></a></td>

</button></a></td>

</tr>

</tbody>

</table>

</div>

</ul>

</div>

</nav>

<div id="main" style="width:

50%;height:400px;left: 25%;"></div>

// 基于準備好的dom，初始化echarts實例

var myChart = echarts.init(document.getElementById('main'));

// 指定圖表的配置項和數(shù)據(jù)

var option = {

title: {

text: '專業(yè)技能平均分'

tooltip: {},

legend: {

data:['分數(shù)'],

xAxis: {

data: ["Java語言","mysql數(shù)據(jù)庫","Javascript語言","web開發(fā)","ssm框架","springboot框架"],axisLabel: {

// inside: true, 隱藏x軸內容

// 改變x軸字體顏色

// textStyle: {

// color: '#8B4500'

// }

yAxis: {},

series: [{

name: '分數(shù)',

type: 'bar',

//改變圖表顏色

color:['#8EE5EE'],

data: [85, 95, 82, 90, 80, 80]

}],

};

// 使用剛指定的配置項和數(shù)據(jù)顯示圖表。

myChart.setOption(option);

</script>

<li>Java基礎:<br/>

我入門時首先學的就是Java基礎，然后再到Java高級開發(fā)，<br/>

在學習過程中老師細致的教學為我們打下了牢固的java基礎。 </li>

<li>mysql數(shù)據(jù)庫:<br/>

mysql數(shù)據(jù)庫是我們大一第二學期開的課，配合Java高級開發(fā)一起學習的科目，<br/>

因為自己本身就喜歡數(shù)據(jù)庫的一些東西，所有mysql數(shù)據(jù)庫也有良好的基礎。</li>

<li>Javascript語言：<br/>

在學JavaScript之前我有良好的html5和css基礎，所學習JavaScript時也是十分順利的掌握了課本里的內容。</li>

<li>web開發(fā):<br/>

web開發(fā)是我最喜愛的科目之一，servlet的學習給我啟發(fā)深刻。</li>

<li>ssm框架:<br/>

ssm框架相比springboot而言是比較繁瑣的，但是在學習和理解起來卻比springboot更容易讓人掌握。</li>

<li>springboot框架:<br/>

springboot框架入門起來十分迅速，在基礎的使用起來也是十分方便，但查看源碼時，沒有ssm容易讓人理解。</li>

</ul>

<li class="active"><a href="#car">新能源汽車項目</a></li>

<li><a href="#city">咕泡商城項目</a></li>

</ul>

</div>

<h4 id="car">新能源汽車</h4>

<h5>企業(yè)saas工坊</h5>

<p>新能源汽車項目是我們掌握smm框架知識后第一個實戰(zhàn)項目，該項目由工坊老師指導下，前后端都由我們個人獨立完成的項目。

該項目用到了，html5+css3，mysql數(shù)據(jù)庫，spring，mybatis，springmvc框架，ajax，JavaScript，web，bootstrap，echarts，sweetalert

等技術。項目從開始到完成我們用了2個月的時間。該項目的主要是寫一個汽車app社交平臺，包括用戶登錄注冊，用戶上傳車輛信息，統(tǒng)計用戶車輛，分析故障車輛原因，

以及導航、朋友圈等功能一體的汽車平臺。該項目用戶的使用方法如下： <p>1.新用戶進行登錄注冊。</p>

<p>2.登錄成功后新用戶可以進行修改密碼、昵稱、頭像等個人信息。</p>

<p>3.新用戶上傳自己車輛信息，并綁定賬號。</p>

<p>4.新用戶可以上傳自己車輛故障，系統(tǒng)自動查詢車輛故障原因以及維修方案。</p>

<p>5.用戶可以添加車友，在車友圈發(fā)布求助信息等。</p>

<p>6.用戶還可以進行地圖導航，以及查詢公交車，出租車，飛機等交通工具的時間和行程。</p>

<p> 通過完成這個項目，讓我獲得了很大的進步。不論是前端知識還是后端知識，在該項目上

都得到了充分的展示。讓我也一下子吸收了很多的知識與技能，為后面的項目打下了堅實的基礎。</p>

</p>

<br>

<h5>企業(yè)saas工坊</h5>

<p>咕泡商城項目是我們學完springboot之后的實戰(zhàn)項目，該項目由工坊老師指導下，前后端都由我們個人獨立完成的項目。

該項目用到了，html5+css3,mysql數(shù)據(jù)庫,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技術。

項目從開始到完成我們用了10天的時間。該項目主要是寫一個網(wǎng)上商城電商購物平臺，包括用戶登錄注冊，用戶綁定信息，上傳頭像、昵稱等個人信息，

用戶主要可以在該平臺上面購買各種商品，每種商品都做好了分類管理，用戶點擊分類名稱或者準確搜索都能顯示出自己想要的商品。用戶點擊商品就可以

鏈接到商品詳情頁面，不論是購物還是瀏覽商品都非常的方便。該項目用戶的使用方法： <p>1.新用戶進行登錄注冊。</p>

<p>2.登錄成功后新用戶可以進行修改密碼、昵稱、頭像等個人信息。</p>

<p> 3.用戶自由購買和瀏覽商品信息。</p>

該項目讓我們體驗了springboot的配置強大之處，沒有繁瑣的多余配置文件，所有配置都由一個配置文件解決，簡化了我們smm框架配置的痛苦。 </p>

<br>

<h5>企業(yè)saas工坊</h5>

<p>爬蟲項目是我們最近才做完的項目。該項目與以往項目不同，該項目是由工坊老師指導下，我們首次前后端分離合作的項目。一個團體3個人，分別做前端展示數(shù)據(jù)，后端爬取數(shù)據(jù)和數(shù)據(jù)清洗。

我在這個項目中做的是后端爬取數(shù)據(jù)。我用到了，httpclient，jsoup，webmagic，springboot，maven，mysql等技術。該項目主要是爬去51job網(wǎng)站上面的工作崗位，

我們主要爬取了與我們軟件相關的工作崗位，共爬取了2萬條數(shù)據(jù)處理并展示。該項目執(zhí)行步驟如下： <p>1.后端爬取數(shù)據(jù)并存到數(shù)據(jù)庫。</p>

<p>2.中間清洗數(shù)據(jù)，將數(shù)據(jù)改變?yōu)榍岸巳藛T需要的格式。</p>

<p>3.前端人員根據(jù)需求展示數(shù)據(jù)。</p>

該項目讓我們體會到了團隊合作和團隊分工明確的重要性，每個人做好屬于自己的一份任務，環(huán)環(huán)相扣才能保質保量的完成項目。 </p>

</div></div>

</div>

</ol>

</div>

</div>

</div>

</div>

<span class="sr-only">Previous</span>

</a>

</a></div>

<tr>

<td>就讀于xx小學</td>

</tr>

<tr>

<td> 就讀于xx初中</td>

</tr>

<tr>

<td> 就讀于xx高級中學</td>

</tr>

<tr>

<td> 就讀于陜西國防工業(yè)職業(yè)技術學院</td>

</tr>

</tbody></table></div>

  郵箱:3136484707@qq.com          

         電話號碼：11111111111

         個人博客:https://me.csdn.net/qq_44892582</p>

</div>

</body></html>

三、制作一個簡單的index.html網(wǎng)頁

實現(xiàn)的方法和詳細的操作步驟如下：

1、第一步，右鍵單擊計算機桌面上的空白區(qū)域以創(chuàng)建一個新的“文本文檔”，如下圖所示，然后進入下一步。

2、其次，完成上述步驟后，輸入要在新創(chuàng)建的文本文檔中顯示的內容，如下圖所示，然后進入下一步。

3、接著，完成上述步驟后，返回桌面，將文本文檔的名稱和后綴更改為“

index.html”，如下圖所示，然后進入下一步。

4、然后，完成上述步驟后，該文件的默認“打開方式”將成為瀏覽器，雙擊“index.html”文件，如下圖所示，然后進入下一步。

5、最后，完成上述步驟后，就打開了剛創(chuàng)建的“index.html”文件了，如下圖所示。這樣，問題就解決了。

四、我是大一新生，計算機老師給我們留了一個作業(yè)，制作一個簡單的 html 個人網(wǎng)站，就是簡單的

你拿個dreamwaver拖幾個圖片視頻什么的進去，就好啦，還用拿什么代碼。

以上就是關于大一html網(wǎng)頁制作相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內容。

猜你喜歡

杭州煙花2023年燃放電視直播（杭州煙花2021）

園林設計說明800字（園林設計說明800字通用）

浙江天貓客服電話是多少（浙江天貓客服電話是多少號碼）

杭州限行政策調整最新消息（杭州限行政策調整最新消息通知）

永久免費制作動畫的軟件（零基礎怎么自學動畫制作）

國內游戲開發(fā)公司排名（世界三大游戲公司巨頭）

怎么看圖紙（怎么看圖紙能看懂）

山東省農(nóng)村信用社圖標（山東省農(nóng)村信用社圖片）

找人設計logo需要簽合同嗎（找人設計logo需要簽合同嗎安全嗎）

電氣工程師證怎么考?。ǔ扇俗钥即髮Ｐ枰裁礂l件）

問大家

濟南婚戀機構？單身交友征婚可有正規(guī)規(guī)模大一些的？

漳浦著名的公眾號設計制作哪個更好些？在座的好基友們不勝感激

濟南哪家婚介所好？最真實、最可信的?有知道的嗎？麻煩推薦一下

濟南真實可信的婚戀紅娘平臺哪家比較好？

讓品牌有溫度、有情感
專注品牌策劃15年

大一html網(wǎng)頁制作（大一html網(wǎng)頁制作作業(yè)簡單）

猜你喜歡

問大家

推薦專題

相關主題

創(chuàng)意嶺品牌策劃

提交需求1對1免費咨詢

讓品牌有溫度、有情感 專注品牌策劃15年

大一html網(wǎng)頁制作（大一html網(wǎng)頁制作作業(yè)簡單）

猜你喜歡

問大家

推薦專題

相關主題

創(chuàng)意嶺品牌策劃

提交需求1對1免費咨詢

讓品牌有溫度、有情感
專注品牌策劃15年