HTML基礎(chǔ)

TML的作用

HTML是用來開發(fā)網(wǎng)頁的，它是開發(fā)網(wǎng)頁的語言

HTML的定義

全稱HyperText Mark-up Language，超文本標(biāo)記語言

標(biāo)記就是標(biāo)簽

<標(biāo)簽名稱></標(biāo)簽名稱> 比如 <html></html> <h1></h1>等，標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的。

超文本兩層含義：

因?yàn)榫W(wǎng)頁中還可以有圖片、視頻、音頻等內(nèi)容（超越文本限制）
它還可以在網(wǎng)頁中跳轉(zhuǎn)到另一個(gè)網(wǎng)頁，與世界各地主機(jī)的網(wǎng)頁鏈接（超鏈接文本）

HTML的基本結(jié)構(gòu)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>網(wǎng)頁標(biāo)題</title>
    </head>
    <body>
        網(wǎng)頁顯示內(nèi)容
    </body>
</html>

第一行<!DOCTYPE html>是文檔聲明
用來指定頁面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔
<html>...</html>標(biāo)簽是開發(fā)人員在告訴瀏覽器
整個(gè)網(wǎng)頁是從<html>這里開始的，到</html>結(jié)束
也就是html文檔的開始和結(jié)束標(biāo)簽
<head>...</head>標(biāo)簽用于定義文檔的頭部
是負(fù)責(zé)對(duì)網(wǎng)頁進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的
<body>...</body>標(biāo)簽是編寫網(wǎng)頁上顯示的內(nèi)容

網(wǎng)頁文件的后綴是.html, 一個(gè)html文件就是一個(gè)網(wǎng)頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁

VS Code 安裝

VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器
目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具

下載網(wǎng)址: https://code.visualstudio.com/Download

選擇對(duì)應(yīng)的安裝包進(jìn)行下載:

安裝一切默認(rèn)

VS Code 的插件安裝

Chinese(Simplified) Language Pack for VS Code 中文漢化包
open in browser 右擊在瀏覽器打開html

常用的HTML標(biāo)簽

1 標(biāo)簽不區(qū)分大小寫，但是推薦使用小寫
2 根據(jù)標(biāo)簽的書寫形式，標(biāo)簽分為雙標(biāo)簽(閉合標(biāo)簽)和單標(biāo)簽(空標(biāo)簽) 2.1 雙標(biāo)簽是指由開始標(biāo)簽和結(jié)束標(biāo)簽組成的一對(duì)標(biāo)簽，這種標(biāo)簽允許嵌套和承載內(nèi)容，比如: div標(biāo)簽 2.2 單標(biāo)簽是一個(gè)標(biāo)簽組成，沒有標(biāo)簽內(nèi)容，比如: img標(biāo)簽

標(biāo)簽的使用形式

成對(duì)出現(xiàn)的標(biāo)簽
標(biāo)簽的嵌套
單個(gè)出現(xiàn)的標(biāo)簽
帶屬性的標(biāo)簽

列表標(biāo)簽

無序列表標(biāo)簽(ul標(biāo)簽)
有序列表標(biāo)簽(ol標(biāo)簽)

網(wǎng)頁效果

表格標(biāo)簽

<table>標(biāo)簽：表示一個(gè)表格
<tr>標(biāo)簽：表示表格中的一行
<td>標(biāo)簽：表示表格中的列
<th>標(biāo)簽：表示表格中的表頭

屬性設(shè)置
border: 1px solid black:設(shè)置邊框和顏色
border-collapse: collapse:設(shè)置邊框合并

網(wǎng)頁效果

表單標(biāo)簽

表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器

<form>標(biāo)簽表示表單標(biāo)簽，定義整體的表單區(qū)域

一個(gè)表單中有很多信息組成,比如姓名,愛好,地址等,這些內(nèi)容有很多其他標(biāo)簽來承載

這些標(biāo)簽稱為表單元素標(biāo)簽

網(wǎng)頁效果

表單提交

表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器

action屬性設(shè)置表單數(shù)據(jù)提交地址
method屬性設(shè)置表單提交的方式，一般有“GET”方式和“POST”方式, 不區(qū)分大小寫

兩種方式的區(qū)別:

“GET”方式 : 沒有請(qǐng)求體
“POST”方式 : 有請(qǐng)求體

表單元素屬性設(shè)置

name: 表單元素的名稱，用于作為提交表單數(shù)據(jù)時(shí)的參數(shù)名
value: 表單元素的值，用于作為提交表單數(shù)據(jù)時(shí)參數(shù)名所對(duì)應(yīng)的值

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>

<form action="http://192.168.1.106:8080" method="POST">
<label>姓名:</label>
<input type="text" name="username" >
<br>
<label>密碼:</label>
<input type="password" name="password">
<br>
<label>性別:</label>
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="0">女
<br>
<label>愛好:</label>
<input type="checkbox" name="like" value="睡覺">睡覺
<input type="checkbox" name="like" value="吃飯">吃飯
<input type="checkbox" name="like" value="打豆豆">打豆豆
<br>
<label>照片:</label>
<input type="file" name="pic">
<br>
<label>個(gè)人描述:</label>
<textarea name="desc"></textarea>
<br>
<label>地址:</label>
<select name="addr">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">廣州</option>
<option value="4">深圳</option>
</select>
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="按鈕">
</form>
</body>
</html>

點(diǎn)擊提交：

可以看到服務(wù)器收到了請(qǐng)求報(bào)文。

之前的文章中跟大家分享想過什么是OD，現(xiàn)實(shí)中，很多企業(yè)在招聘的時(shí)候，除了要求OD能力之外，還會(huì)提到一個(gè)詞，就是TD和LD。今天我們就來簡(jiǎn)單說說什么是TD。

TD：英文是Talent Development，翻譯過來就是“人才發(fā)展”。

說到人才發(fā)展，很多小伙伴可能會(huì)下意識(shí)的認(rèn)為，就是培訓(xùn)。其實(shí)這個(gè)理解也對(duì)，但也不對(duì)。人力資源六大模塊中的培訓(xùn)，包含了培訓(xùn)調(diào)研、培訓(xùn)課程設(shè)計(jì)、培訓(xùn)制度、培訓(xùn)授課、培訓(xùn)結(jié)果評(píng)估等環(huán)節(jié)，相當(dāng)于是實(shí)操環(huán)節(jié)，而TD則更加關(guān)注的是培訓(xùn)實(shí)操的上游環(huán)節(jié)，更加宏觀。比如，企業(yè)到底需要什么樣的人才？不同層級(jí)、崗位各需要多少人才？如何做好繼任者計(jì)劃等等。

TD在企業(yè)里通常不會(huì)去實(shí)施具體的培訓(xùn)，具體實(shí)施會(huì)由LD或培訓(xùn)職能崗位的小伙伴來完成。

LD：英文是Learning and Development，翻譯過來就是“學(xué)習(xí)與發(fā)展”。LD更強(qiáng)調(diào)知識(shí)技能與工作的匹配，與我們通常理解的的培訓(xùn)概念更加接近，其工作內(nèi)容更多屬于培訓(xùn)項(xiàng)目的規(guī)劃、設(shè)計(jì)和實(shí)施。如果企業(yè)里只設(shè)置了LD而沒有設(shè)置TD，那么通常LD也會(huì)包含TD的工作內(nèi)容。

從這兩個(gè)概念中可以看出，OD主要是做組織方面的規(guī)劃，做好之后，需要TD和LD來配合實(shí)施。這三者之間的關(guān)系可以這么來說：OD做的是給企業(yè)搭架子，負(fù)責(zé)整體框架的搭建；TD是根據(jù)框架規(guī)劃需要什么樣的人來完成；LD是培養(yǎng)合適的人來完成。

TD主要的內(nèi)容涉及人才建模、人才測(cè)評(píng)、人才盤點(diǎn)三部分。

核心是勝任力模型或者能力模型，前些年這一塊工作開展起來耗時(shí)耗力，近些年應(yīng)該是順應(yīng)快速變化的市場(chǎng)環(huán)境，所以許多企業(yè)都是采用敏捷建模的方式去構(gòu)建自己的人才模型了。建模后，人才盤點(diǎn)、人才測(cè)評(píng)都可使用企業(yè)自己的能力模型為參考。人才測(cè)評(píng)基本是由第三方專業(yè)機(jī)構(gòu)提供的，背后都是若干年的研究積累下來的強(qiáng)大的數(shù)據(jù)庫做支撐。

人才測(cè)評(píng)模型：

一般可分為智力測(cè)驗(yàn)、人格測(cè)驗(yàn)、職業(yè)適應(yīng)性測(cè)驗(yàn)、敬業(yè)度測(cè)評(píng)幾類。

在培訓(xùn)工作中常見的是人格測(cè)驗(yàn)類，在招聘工作中常見的是職業(yè)適應(yīng)性測(cè)驗(yàn)類、偶爾會(huì)有智力測(cè)驗(yàn)類，在績(jī)效管理中會(huì)用員工敬業(yè)度測(cè)評(píng)去考評(píng)管理者。

1、智力測(cè)驗(yàn)主要使用的是蓋洛普才干優(yōu)勢(shì)識(shí)別測(cè)試：

把五彩繽紛的人類才干歸納為“交往”、“奮斗”、“影響”和“思維”這四組共三十六個(gè)主題，分別為：親和、誠(chéng)實(shí)、成就、行動(dòng) 、適應(yīng) 、分析、統(tǒng)籌、信仰、統(tǒng)率、溝通、競(jìng)爭(zhēng)、關(guān)聯(lián)、回顧、審慎、伯樂、紀(jì)律、體諒、公平、專注、前瞻、和諧、理念、包容、個(gè)別、搜集、思維、學(xué)習(xí)、完美、積極、交往、責(zé)任、排難、自信、追求、戰(zhàn)略、取悅。

2、人格測(cè)驗(yàn)主要是測(cè)試思維方式和行為風(fēng)格，常見的有DISC、MBTI、PDP、九型人格等；

（1）DISC測(cè)評(píng)：DISC是國(guó)外企業(yè)廣泛應(yīng)用的一種人格測(cè)驗(yàn)，用于測(cè)查、評(píng)估和幫助人們改善其行為方式、人際關(guān)系、工作績(jī)效、團(tuán)隊(duì)合作、領(lǐng)導(dǎo)風(fēng)格等。 DISC個(gè)性測(cè)驗(yàn)由24組描述個(gè)性特質(zhì)的形容詞構(gòu)成，每組包含四個(gè)形容詞，這些形容詞是根據(jù)支配性(D)、影響性(I)、穩(wěn)定性(S)和服從性(C)四個(gè)測(cè)量維度以及一些干擾維度來選擇的，要求被試從中選擇一個(gè)最適合自己和最不適合自己的形容詞。

（2）MBTI測(cè)評(píng)：MBTI（Myers-Briggs Type Indicator）性格測(cè)試是一種常用的心理測(cè)量工具，旨在幫助人們了解自己的個(gè)性特點(diǎn)和職業(yè)偏好。MBTI性格測(cè)試是基于心理學(xué)家卡爾·榮格（Carl Jung）的人格理論而發(fā)展起來的。它通過測(cè)量個(gè)體在四個(gè)維度上的偏好，即外向（E）與內(nèi)向（I）、感覺（S）與直覺（N）、思考（T）與情感（F）、判斷（J）與知覺（P），從而確定個(gè)體的性格類型。

（3）PDP測(cè)評(píng)：PDP的全稱是Professional Dyna-Metric Programs（行為特質(zhì)動(dòng)態(tài)衡量系統(tǒng)），它是一個(gè)用來衡量個(gè)人的行為特質(zhì)、活力、動(dòng)能、壓力、精力及能量變動(dòng)情況的系統(tǒng)。PDP根據(jù)人的天生特質(zhì)，將人群分為五種類型，包括：支配型、外向型、耐心型、精確型、整合型；為了將這五種類型的個(gè)性特質(zhì)形象化，根據(jù)其各自的特點(diǎn)，這五類人群又分別被稱為“老虎”、“孔雀”、“考拉”、“貓頭鷹”、“變色龍”。PDP是一個(gè)進(jìn)行人才管理的專業(yè)系統(tǒng)，能夠幫助人們認(rèn)識(shí)與管理自己，幫助組織做到“人盡其才”。

（4）九型人格：又名性格型態(tài)學(xué)、九種性格。包括：完美型、助人型、成就型、自我型、理智型、忠誠(chéng)型、活躍型、領(lǐng)袖型、和平型。

3、職業(yè)適應(yīng)性測(cè)驗(yàn)主要是職業(yè)興趣類測(cè)驗(yàn)，測(cè)驗(yàn)工作與人的興趣的匹配程度，主要代表有霍蘭德職業(yè)興趣測(cè)驗(yàn)、哈里森測(cè)評(píng)、職業(yè)錨。職業(yè)動(dòng)機(jī)類測(cè)驗(yàn)效度不高，所以極少使用。

（1）霍蘭德職業(yè)興趣測(cè)驗(yàn)：全稱為Holland Vocational Interest Test。根據(jù)興趣的不同，人格可分為研究型（I）、藝術(shù)型（A）、社會(huì)型（S）、企業(yè)型（E）、傳統(tǒng)型（C）、現(xiàn)實(shí)型（R）六個(gè)維度，每個(gè)人的性格都是這六個(gè)維度的不同程度組合。

（2）哈里森測(cè)評(píng)：全稱為HarrisonAssessment。HA衡量4個(gè)方面的78個(gè)適合性因素：個(gè)性特征、任務(wù)喜好、興趣和工作環(huán)境喜好，現(xiàn)在成為了選擇，招聘和發(fā)展領(lǐng)導(dǎo)人/經(jīng)理的一個(gè)極好的工具。

（3）職業(yè)錨：是一款職業(yè)價(jià)值觀測(cè)試。共8種類型的職業(yè)錨。技術(shù)/職能型、管理型、自主/獨(dú)立型、安全/穩(wěn)定型、創(chuàng)造型、服務(wù)型、挑戰(zhàn)型、生活型。

4、敬業(yè)度測(cè)評(píng)主要是蓋洛普Q12測(cè)評(píng)，用來測(cè)試員工敬業(yè)度及工作環(huán)境水平。

人才盤點(diǎn)九宮格：

九宮格在人才盤點(diǎn)的應(yīng)用中，可以直觀地讓我們看到人才在九宮格中的位置及分布情況，所以也有人直接將九宮格稱作“人才地圖”。當(dāng)然，所有能夠直接標(biāo)注人才所處的位置、直觀呈現(xiàn)人才分布狀況，并且能夠確定人才使用和發(fā)展策略的工具，都可以稱為人才地圖，九宮格是人才地圖中重要的一種應(yīng)用形式。

先，我們認(rèn)識(shí)一下DOP (精度因子)

　　精度因子(Dilution of Precision)是 GNSS 位置的質(zhì)量標(biāo)志。它考慮到每顆衛(wèi)星相對(duì)于星群中其它衛(wèi)星的位置以及它們相對(duì)于 GNSS 接收機(jī)的幾何位置。DOP值越小，表明精度可靠性越高。由此我們可以延伸出GNSS 應(yīng)用的標(biāo)準(zhǔn) DOP 值為：

　　PDOP - 位置(三維坐標(biāo))

　　RDOP - 相對(duì)(位置、平均時(shí)間之上)

　　HDOP - 水平 (二維水平坐標(biāo))

　　VDOP - 垂直 (只有高度)

　　 TDOP - 時(shí)間 (只有時(shí)鐘偏移)

下面我們分別來介紹PDOP、HDOP、VDOP、TDOP、GDOP

　　1、空間位置精度因子(PDOP )

　　英文全稱Position Dilution of Precision，一個(gè)表示用戶位置誤差和衛(wèi)星位置誤差之間關(guān)系的無單位數(shù)字。反映定位精度衰減的因子與所測(cè)衛(wèi)星的空間幾何分布有關(guān)，空間分布范圍越大，PDOP 值越小，定位精度越高;反之，PDOP 值越大，定位精度越低。

　　2、相對(duì)定位精度因子(RDOP)

　　英文全稱Relative Dilution of Precision， RDOP值的大小與基線位置和衛(wèi)星在空間中的幾何分布及運(yùn)行軌跡(即觀測(cè)條件)有關(guān)，當(dāng)基線位置確定后，RDOP值就只與觀測(cè)條件有關(guān)了，而觀測(cè)條件又是時(shí)間的函數(shù)，因此，實(shí)際上對(duì)與某條基線向量來講，其RDOP值的大小與觀測(cè)時(shí)間段有關(guān)。

　　3、水平精度因子(HDOP)

　　英文全稱Hypertensive Disease Of Pregnancy ，HDOP水平精度因子，數(shù)字越小，精度越高，影響該參數(shù)的兩個(gè)主要因素是：

　　(1)定位當(dāng)時(shí)天空中多顆衛(wèi)星和本船船位之間的相位分布及相互之間的夾角;

　　(2)選定的衛(wèi)星，在當(dāng)時(shí)船位上方的仰角。

　　4、垂直精度因子(VDOP )

　　英文全稱Vertical Dilution Of Precision，垂直座標(biāo)精度因子(離海平面的高程，如飛機(jī)在空中飛行時(shí)，飛機(jī)需要知道離海平面的高度)。

　　5、時(shí)間精度因子(TDOP)

　　英文全稱Time Dilution of Precision，TDOP時(shí)間精度因子，為接收儀內(nèi)時(shí)表偏移誤差值。

6、它們之間的簡(jiǎn)單關(guān)系為：

HDOP2+VDOP2=PDOP2

PDOP2+TDOP2=GDOP2

在線咨詢

上一篇：劃水摸魚必備技能：如何使用ChatGPT快速構(gòu)建一個(gè)網(wǎng)站模板
下一篇：千萬量級(jí)的數(shù)據(jù)，用 MySQL 要怎么存？

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

HTML基礎(chǔ)

TML的作用

HTML的定義

HTML的基本結(jié)構(gòu)

VS Code 安裝

VS Code 的插件安裝

常用的HTML標(biāo)簽

表單提交

您的項(xiàng)目需求