我理解的網(wǎng)站產(chǎn)品經(jīng)理之四：網(wǎng)站產(chǎn)品前端姿勢(shì)_html/css
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 16:36:01
我理解的網(wǎng)站產(chǎn)品經(jīng)理之四：網(wǎng)站產(chǎn)品前端姿勢(shì)_html/css
我理解的網(wǎng)站產(chǎn)品經(jīng)理之四：網(wǎng)站產(chǎn)品前端姿勢(shì)_html/css_WEB-ITnose:2016年了，嗨，大家新年好。 作為一個(gè)網(wǎng)頁的產(chǎn)品經(jīng)理，網(wǎng)頁的前端知識(shí)可謂是不能不知，本文主講網(wǎng)站產(chǎn)品的前端姿勢(shì)。 通常，HTML、CSS、JavaScript共同構(gòu)建了你看到的任何一個(gè)網(wǎng)頁展示和交互。 下面是這三種字母的解釋： HTML(HyperTextMarku
導(dǎo)讀我理解的網(wǎng)站產(chǎn)品經(jīng)理之四：網(wǎng)站產(chǎn)品前端姿勢(shì)_html/css_WEB-ITnose:2016年了，嗨，大家新年好。 作為一個(gè)網(wǎng)頁的產(chǎn)品經(jīng)理，網(wǎng)頁的前端知識(shí)可謂是不能不知，本文主講網(wǎng)站產(chǎn)品的前端姿勢(shì)。 通常，HTML、CSS、JavaScript共同構(gòu)建了你看到的任何一個(gè)網(wǎng)頁展示和交互。 下面是這三種字母的解釋： HTML(HyperTextMarku
2016年了，嗨，大家新年好。
作為一個(gè)網(wǎng)頁的產(chǎn)品經(jīng)理，網(wǎng)頁的前端知識(shí)可謂是不能不知，本文主講網(wǎng)站產(chǎn)品的前端姿勢(shì)。
通常，HTML、CSS、JavaScript共同構(gòu)建了你看到的任何一個(gè)網(wǎng)頁展示和交互。
下面是這三種字母的解釋：
HTML(HyperTextMarkup Language) 超文本標(biāo)記語言 CSS（Cascading Style Sheets）級(jí)聯(lián)樣式表 JavaScript 一種腳本語言，主要用于前端頁面的DOM處理 不太懂可自行百度了解。
文本的意思，應(yīng)該大家都明白，就是你隨手在桌面上建立一個(gè)txt，這就是一個(gè)文本文件。
那什么是HTML超文本標(biāo)記語言呢？就是對(duì)一個(gè)普通的txt里面的文字進(jìn)行標(biāo)記，標(biāo)記其中的一段為title，標(biāo)記任意一段為某個(gè)意思，最終形成了一套規(guī)則就是html。
一個(gè)html文檔通常的結(jié)構(gòu)是這樣的：
doctype、html、head(/head)、body(/body)、/html。
下面我們來看一段html：
看下面這段代碼截圖：
“電動(dòng)汽車_新能源汽車_電動(dòng)汽車網(wǎng)”原先是普通的文本，但是這里套了
，用于標(biāo)記此處是標(biāo)題，同時(shí)也告訴了搜索引擎這里是標(biāo)題。</p> <p>再看下面這段代碼截圖：</p> <p>紅色標(biāo)注部分就是CSS樣式代碼。CSS中文名叫級(jí)聯(lián)樣式表，白話就是說長什么樣子。CSS就是起裝修作用的，必須要和HTML一起配合使用。</p> <p>再看下面這段代碼截圖（和第一張圖一樣）：</p> <p>上圖第二個(gè)紅色標(biāo)注的地方就是JavaScript，JavaScript是一種腳本語言，它在網(wǎng)頁中使用的主要場(chǎng)景是控制HTML中的每一個(gè)元素。比如，點(diǎn)了一個(gè)按鈕會(huì)彈出一個(gè)層，其實(shí)就是利用JavaScript實(shí)現(xiàn)的。</p> <p>目前的互聯(lián)網(wǎng)，任何一個(gè)網(wǎng)頁都是由他們?nèi)齻€(gè)構(gòu)建起來的，作為網(wǎng)頁產(chǎn)品經(jīng)理必須知道，若是能夠看懂、簡(jiǎn)單修改甚至是自己寫，那就更棒了，再深的介紹就不在此說明了。</p> <p>當(dāng)然作為創(chuàng)業(yè)公司的產(chǎn)品經(jīng)理還有注意前端頁面規(guī)范和兼容性的問題，作為合格的前端工程師上面說的都應(yīng)該必須過關(guān)，作為產(chǎn)品經(jīng)理也必須明了。</p> <p>比如html文檔格式，必須有的dtd格式，文件編碼utf－8等這些常識(shí)性姿勢(shì)。</p> <p>除了html，大家應(yīng)該還看到htm、shtml、xhtml等這些文檔，大家可以自行百度做了解，究竟有什么用和什么區(qū)別。</p> <p>說到這里大家應(yīng)該想問了，html應(yīng)該用什么軟件開發(fā)呢？Dreamweaver，百度自行了解。</p> <p>本文僅適用于產(chǎn)品新人，產(chǎn)品大佬可以忽略。</p> <h3>#專欄作家#</h3> <p>董海榮，微信公眾號(hào)：pingyaonr，人人都是產(chǎn)品經(jīng)理專欄作家。關(guān)注智能汽車、移動(dòng)互聯(lián)網(wǎng)和虛擬現(xiàn)實(shí)。擅長內(nèi)容編輯運(yùn)營、原型設(shè)計(jì)、需求挖掘梳理、產(chǎn)品規(guī)劃管理。歡迎交流學(xué)習(xí)。</p> <p>本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。
</p><p><script type="text/javascript" src="https://jss.51dongshi.com/pcwz/dysph.js"></script><p><strong>聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com</strong></p></div>
<div id="fofowpf" class="downbox clearfix">
<div id="3hatlgz" class="ico"><img src="https://js.51dongshi.com/tpl/pc2/images/document.png" alt="文檔"></div>
<div id="9yodvhx" class="txt">
<h4>我理解的網(wǎng)站產(chǎn)品經(jīng)理之四：網(wǎng)站產(chǎn)品前端姿勢(shì)_html/css</h4>
<div id="8ibpesl" class="co">我理解的網(wǎng)站產(chǎn)品經(jīng)理之四：網(wǎng)站產(chǎn)品前端姿勢(shì)_html/css_WEB-ITnose:2016年了，嗨，大家新年好。 作為一個(gè)網(wǎng)頁的產(chǎn)品經(jīng)理，網(wǎng)頁的前端知識(shí)可謂是不能不知，本文主講網(wǎng)站產(chǎn)品的前端姿勢(shì)。 通常，HTML、CSS、JavaScript共同構(gòu)建了你看到的任何一個(gè)網(wǎng)頁展示和交互。 下面是這三種字母的解釋： HTML(HyperTextMarku</div>
<div id="bo3l2ld" class="tj"><b>推薦度：</b><div id="d2z8oxp" class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div>
</div>
<div id="mspgyr8" class="btn">
<a href="javascript:;" class="html2word" data-model="article" data-id="adrdee" title="文檔下載">
<b>點(diǎn)擊下載本文</b>
<span>文檔為doc格式</span>
</a>
</div>
</div>
<script>keji_detail_ga('article_content_bottom');</script>
<div id="cmi8dvo" class="tvideo_tag">
標(biāo)簽：
<a href="/tlist-246007/">html</a>
<a href="/tlist-537672/">網(wǎng)頁的</a>
<a href="/tlist-567364/">css</a>
</div>
<div id="3zw8gy7" class="tvideo_box tvideo_box_tab">
<div id="47lp2fw" class="hd">
<ul><li id="3ezpnez" class="on">熱門焦點(diǎn)</li><script>keji_detail_ga('hot_jiaodian_tab_title');</script></ul>
</div>
<div id="mqjcthb" class="bd">
<ul class="ult_jpic clearfix">
<script>get_hot_jiaodian_content('wz_hot_jiaodian',33,'hot',1);</script>
</ul>
</div>
</div>
</div>
<!--中間文章 end-->
<!--右側(cè)專題 star-->
<div id="buohndu" class="ult_zt">
<script>keji_detail_ga('article_right_top');</script>
<div id="t2rhd3z" class="ult_ztbox">
<h4>最新推薦</h4>
<ul class="tvideo_r_a clearfix">
<script>get_detail_right('wz_right_new',33,'')</script>
</ul>
</div>
<script>keji_detail_ga('article_right_middle');</script>
<div id="bj3ipvq" class="ult_ztbox">
<h4>猜你喜歡</h4>
<ul class="telist_rb clearfix">
<script>get_detail_right('wz_right_love',33,'')</script>
</ul>
</div>
<script>keji_detail_ga('article_right_new_bottom');</script>
<div id="eslfwog" class="ult_ztbox">
<h4>熱門推薦</h4>
<ul class="tvideo_r_b clearfix">
<script>get_detail_right('wz_right_hot',33,'')</script>
</ul>
</div>
<script>keji_detail_ga('article_right_bottom');</script>
</div>
<!--右側(cè)專題 end-->
<div style="display:none"><a href="http://m.gy2thfx.cn/wzztf/ad/adrdee/">專題</a>
</div>
</div>
</div>
<script src="https://js.51dongshi.com/plug/qrcode/qrcode.min.js"></script>
<script src="https://js.51dongshi.com/js/share.js" charset="UTF-8"></script>
<script type="text/javascript" src="https://js.51dongshi.com/tpl/pc2/js/waypoints.min.js"></script>
<script type="text/javascript" src="https://js.51dongshi.com/tpl/pc2/js/icon_step.js"></script>
<style>
#qrcode{padding: 15px;background: #fff;}
</style>
<div class="wgyrjzr" id="qrcode" style="display: none"></div>
<script>new QRCode(document.getElementById("qrcode"), "https://m.51dongshi.com/eedfadrdee.html");</script>
<iframe src="https://hits.51dongshi.com/?biao=ho_article&id=921200" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>
<script src="https://js.51dongshi.com/js/shHighlighter.js"></script>
<link rel="stylesheet" >
<script id="fffz" data-domain="http://m.gy2thfx.cn/index" src="https://js.51dongshi.com/js/fffz/fffz.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.com/pcwz/tj.js"></script>
<div style="display:none"><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?4b1ebb0298b66c8a109db070c4878833";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<!--foot star-->
<div id="jupjzsd" class="footer">
<div id="yeujbuk" class="m_box">
<div id="p8nha83" class="footer_in">
<a href="#" target="_blank">產(chǎn)品服務(wù)</a>
<a href="#" target="_blank">發(fā)展歷程</a>
<a href="#" target="_blank">企業(yè)資訊</a>
<a href="#" target="_blank">企業(yè)文化</a>
<a href="#" target="_blank">關(guān)于我們</a>
<a href="#" target="_blank">加入我們</a>
<a href="#" target="_blank">聯(lián)系我們</a>
<a href="#" target="_blank">網(wǎng)站導(dǎo)航</a>
<a href="#" target="_blank">網(wǎng)站律師</a>
</div>
<ul class="ftrlist">
<li>
<a rel="nofollow" target="_blank">
<img src="https://js.51dongshi.com/tpl/pc2/images/footer_logo01.gif" alt="中國互聯(lián)網(wǎng)協(xié)會(huì)"></a>
</li>
<li>
<a rel="nofollow" target="_blank">
<img src="https://js.51dongshi.com/tpl/pc2/images/12377logo.png" alt="中國互聯(lián)網(wǎng)舉報(bào)中心"></a>
</li>
<li>
<a rel="nofollow" target="_blank">
<img src="https://js.51dongshi.com/tpl/pc2/images/footer_logo05.gif" alt="網(wǎng)絡(luò)110報(bào)警服務(wù)"></a>
</li>
<li>
<a rel="nofollow" target="_blank">
<img src="https://js.51dongshi.com/tpl/pc2/images/creditchina.gif" alt="信用中國"></a>
</li>
<li id="37vohcp" class="last">
<a rel="nofollow" target="_blank">
<img src="https://js.51dongshi.com/tpl/pc2/images/footer_logo11.png" alt="中國掃黃打非網(wǎng)"><p>中國掃黃打非網(wǎng)</p>
</a>
</li>
</ul>
<div id="h3leu7y" class="footer_co">
<a href="/" class="footlogo"><img src="https://js.51dongshi.com/tpl/pc2/images/logo_bottom.png" alt="懂視"></a>
<p>Copyright ? 2019-2024 <a href="/" target="_blank">51dongshi.com</a> 版權(quán)所有</p>
<p>
<a rel="nofollow" target="_blank" >贛ICP備2023002352號(hào)-2</a>
</p>
<p>違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務(wù)所王興未律師提供法律服務(wù)</p>
</div>
</div>
</div>
<!--foot end-->
<a href="#0" class="cd-top">Top</a>
<script type="text/javascript">
$(function(){
var _line=parseInt($(window).height()/3);
$(window).scroll(function(){
if ($(window).scrollTop()>100) {
$('.edu_top').css({'position':'fixed','top':'0','z-index':'99'})
}else{
$('.edu_top').css({'position':'relative','top':'0'})
}
})
})
</script>
<script type="text/javascript" src="https://jss.51dongshi.com/ga/all.js"></script>
<div style="display:none">
<script type="text/javascript" src="https://s9.#/z_stat.php?id=1278135046&web_id=1278135046"></script><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?70ec0a2c78df5a4a3d49e475e943ceb6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script><script>
(function(){
var src = (document.location.protocol == "http:") ? "https://js.passport.qihucdn.com/11.0.1.js?d1f620a645f12a1c5b0bbce7b998d51e":"https://jspassport.ssl.qhimg.com/11.0.1.js?d1f620a645f12a1c5b0bbce7b998d51e";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script></div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://m.gy2thfx.cn/" title="99热这里热这里只有精品">99热这里热这里只有精品</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="axqmt" class="pl_css_ganrao" style="display: none;"><font id="axqmt"><big id="axqmt"><samp id="axqmt"></samp></big></font><dfn id="axqmt"></dfn><pre id="axqmt"></pre><thead id="axqmt"></thead><dl id="axqmt"><menu id="axqmt"></menu></dl><tr id="axqmt"><source id="axqmt"><form id="axqmt"><strike id="axqmt"></strike></form></source></tr><menuitem id="axqmt"></menuitem><option id="axqmt"><del id="axqmt"><cite id="axqmt"><optgroup id="axqmt"></optgroup></cite></del></option><sup id="axqmt"></sup><pre id="axqmt"></pre><menu id="axqmt"></menu><legend id="axqmt"><tr id="axqmt"><tfoot id="axqmt"></tfoot></tr></legend><legend id="axqmt"><ul id="axqmt"><fieldset id="axqmt"></fieldset></ul></legend><menuitem id="axqmt"></menuitem><code id="axqmt"><center id="axqmt"><label id="axqmt"><em id="axqmt"></em></label></center></code><button id="axqmt"></button><tbody id="axqmt"><option id="axqmt"></option></tbody><thead id="axqmt"><nav id="axqmt"><delect id="axqmt"></delect></nav></thead><samp id="axqmt"><tfoot id="axqmt"><menuitem id="axqmt"><tr id="axqmt"></tr></menuitem></tfoot></samp><legend id="axqmt"><var id="axqmt"><thead id="axqmt"><div id="axqmt"></div></thead></var></legend><noframes id="axqmt"><del id="axqmt"></del></noframes><dl id="axqmt"><style id="axqmt"></style></dl><strike id="axqmt"><object id="axqmt"><acronym id="axqmt"><pre id="axqmt"></pre></acronym></object></strike><form id="axqmt"></form><small id="axqmt"></small><tr id="axqmt"><center id="axqmt"><s id="axqmt"><small id="axqmt"></small></s></center></tr><optgroup id="axqmt"><center id="axqmt"></center></optgroup><var id="axqmt"></var><dfn id="axqmt"></dfn><var id="axqmt"></var><samp id="axqmt"></samp><menu id="axqmt"></menu><th id="axqmt"><tt id="axqmt"><p id="axqmt"></p></tt></th><strike id="axqmt"><object id="axqmt"><acronym id="axqmt"><pre id="axqmt"></pre></acronym></object></strike><font id="axqmt"><big id="axqmt"></big></font><wbr id="axqmt"></wbr><strong id="axqmt"><strong id="axqmt"></strong></strong><nav id="axqmt"></nav><blockquote id="axqmt"></blockquote><address id="axqmt"></address><output id="axqmt"><thead id="axqmt"><button id="axqmt"></button></thead></output><sup id="axqmt"><dd id="axqmt"><tbody id="axqmt"></tbody></dd></sup><u id="axqmt"><output id="axqmt"><dl id="axqmt"></dl></output></u><strike id="axqmt"><var id="axqmt"></var></strike><form id="axqmt"><strike id="axqmt"><xmp id="axqmt"><em id="axqmt"></em></xmp></strike></form><abbr id="axqmt"></abbr><ins id="axqmt"></ins><kbd id="axqmt"></kbd><th id="axqmt"></th><center id="axqmt"><var id="axqmt"></var></center></div>
</html>
