HTML学习笔记NO.1_html/css

来源：动视网责编：小采时间：2020-11-27 16:01:48

HTML学习笔记NO.1_html/css

HTML学习笔记NO.1_html/css_WEB-ITnose:HTML：是用来描述网页的一种语言超文本标记语言Hyper Text Markup Language 不是编程语言，是一种标记语言新特性：用于绘画的canvas标签用于媒介回放的video和audio元素->视音频文件对本地离线存储的更好支持新的元素内容：如artic

推荐度：

点击下载本文 文档为doc格式

导读HTML学习笔记NO.1_html/css_WEB-ITnose:HTML：是用来描述网页的一种语言超文本标记语言Hyper Text Markup Language 不是编程语言，是一种标记语言新特性：用于绘画的canvas标签用于媒介回放的video和audio元素->视音频文件对本地离线存储的更好支持新的元素内容：如artic

HTML：
是用来描述网页的一种语言
超文本标记语言Hyper Text Markup Language
不是编程语言，是一种标记语言

新特性：
用于绘画的canvas标签
用于媒介回放的video和audio元素->视音频文件
对本地离线存储的更好支持
新的元素内容：如article、footer、header、nav、section
新的表单控件：如：calender、date、time、email、url、search
浏览器的支持：chrome、firefox以及Opera和IE9

开发工具：
常用：WebStorm、notepad++、Eclipse、text sublime、Dreamweaver等
推荐：Intellij IDEA

需要掌握的技能：
HTML5 XHTML CSS3 JavaScript jQuery：jQuery-Ui jQuery-Mobile

HTML基础讲解：

声明：
html也有多个不同的版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确
地显示出HTML页面。这就是的用处

不同版本的HTML有不同的HTML声明
到HTML5直接使用：

常用标签属性：

:align对齐方式
:bgcolor背景颜色
:target规定在何处打开连接

通用属性：
class : 规定元素的类名
id : 规定元素唯一ID
style : 规定元素的样式
title : 规定元素的额外信息

格式化：
粗体文本
大号字------html5过时通常使用css来代替
着重文字
斜体字
小号字
加重语气
_{下标字
^{上标字
定义插入字
定义删除字

HTML5样式、连接和表格

标签：

内联样式表：

连接属性及其使用：

1、连接数据：
文本连接
图片连接

2、属性：
href属性：指向另一个文档的连接
name属性：创建文档的连接

3、imag标签属性：
alt：替换文本属性
width：宽
height：高

HTML表格

定义表格
表格的行
表格的页眉
表格的主体
表格的页脚
表格的列属性

HTML列表：
有序列表
无序列表
列表项
列表
列表项
描述

无序列表使用标签：、

属性：disc、circle、square

有序列表使用标签：、
属性：A、a、I、i、start

嵌套列表使用标签：、、

HTML块：

块元素：
块元素在显示时，通常会以新行开始,如：

内联元素：
内联元素通常不会以新行开始，如:

元素：也被成为块元素，其主要是组合HTML元素的容器

元素：是内联元素，可作为文本的容器

HTML布局：
div或者table来进行布局

HTML表单：
表单用于获取不同类型的用户输入

常用标签：

表单
输入域
文本域 <br /> <label>控制标签 <br /> <fieldset>定义域 <br /> <legend>域的标题 <br /> <select>选择列表 <br /> <optgroup>选项组 <br /> <option>下拉列表中的选项 <br /> <button>按钮

</p><p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/dysph.js"></script></div>
<div class="downbox clearfix">
<div class="ico"><img src="https://js.51dongshi.net/tpl/pc2/images/document.png" alt="文档"></div>
<div class="txt">
<h4>HTML学习笔记NO.1_html/css</h4>
<div class="co">HTML学习笔记NO.1_html/css_WEB-ITnose:HTML：是用来描述网页的一种语言超文本标记语言Hyper Text Markup Language 不是编程语言，是一种标记语言新特性：用于绘画的canvas标签用于媒介回放的video和audio元素->视音频文件对本地离线存储的更好支持新的元素内容：如artic</div>
<div class="tj"><b>推荐度：</b><div class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div>
</div>
<div class="btn">
<a href="javascript:;" class="html2word" data-model="article" data-id="argdrh" title="文档下载">
<b>点击下载本文</b>
<span>文档为doc格式</span>
</a>
</div>
</div>

<script>keji_detail_ga('article_content_bottom');</script>
<div class="tvideo_tag">
标签：
<a href="/tlist-95934/">笔记</a>
<a href="/tlist-246007/">html</a>
<a href="/tlist-5673/">css</a>
</div>

<div class="tvideo_box tvideo_box_tab">
<div class="hd">
<ul><li class="on">热门焦点</li><script>keji_detail_ga('hot_jiaodian_tab_title');</script></ul>
</div>
<div class="bd">
<ul class="ult_jpic clearfix">
<script>get_hot_jiaodian_content('wz_hot_jiaodian',33,'hot',1);</script>

</ul>

</div>
</div>

</div>


<div class="ult_zt">
<script>keji_detail_ga('article_right_top');</script>
<div 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 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 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>

<div style="display:none"><a href="https://www.51dongshi.net/wzztf/ar/argdrh/">专题</a>
</div>
</div>

</div>
<script src="https://js.51dongshi.net/plug/qrcode/qrcode.min.js"></script>
<script src="https://js.51dongshi.net/js/share.js" charset="UTF-8"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/waypoints.min.js"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/icon_step.js"></script>
<style>
#qrcode{padding: 15px;background: #fff;}
</style>
<div id="qrcode" style="display: none"></div>
<script>new QRCode(document.getElementById("qrcode"), "https://m.51dongshi.net/eedfargdrh.html");</script>
<iframe src="https://hits.51dongshi.net/?biao=ho_article&id=914215" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>
<script src="https://js.51dongshi.net/js/shHighlighter.js"></script>
<link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css">
<script id="fffz" data-domain="//www.51dongshi.net/index" src="https://js.51dongshi.net/js/fffz/fffz.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/pcwz/tj.js"></script>
<div style="display:none"><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?4b1ebb0298b66c8a109db070c4878833";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>


<div class="footer">
<div class="m_box">
<div class="footer_in">
<a href="#" target="_blank">产品服务</a>
<a href="#" target="_blank">发展历程</a>
<a href="#" target="_blank">企业资讯</a>
<a href="#" target="_blank">企业文化</a>
<a href="#" target="_blank">关于我们</a>
<a href="#" target="_blank">加入我们</a>
<a href="#" target="_blank">联系我们</a>
<a href="#" target="_blank">网站导航</a>
<a href="#" target="_blank">网站律师</a>
</div>
<ul class="ftrlist">
<li>
<a rel="nofollow" href="https://www.itrust.org.cn" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo01.gif" alt="中国互联网协会"></a>
</li>
<li>
<a rel="nofollow" href="https://www.12377.cn/" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/12377logo.png" alt="中国互联网举报中心"></a>
</li>
<li>
<a rel="nofollow" href="http://www.cyberpolice.cn/" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo05.gif" alt="网络110报警服务"></a>
</li>
<li>
<a rel="nofollow" href="http://www.creditchina.gov.cn/" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/creditchina.gif" alt="信用中国"></a>
</li>
<li class="last">
<a rel="nofollow" href="http://www.shdf.gov.cn/shdf/channels/740.html" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo11.png" alt="中国扫黄打非网"><p>中国扫黄打非网</p>
</a>
</li>
</ul>
<div class="footer_co">
<a href="/" class="footlogo"><img src="https://js.51dongshi.net/tpl/pc2/images/logo.png" alt="动视"></a>
<p>Copyright © 2019-2025 <a href="/" target="_blank">51dongshi.net</a> 版权所有</p>
<p>
<a rel="nofollow" target="_blank" href="https://beian.miit.gov.cn/">赣ICP备2023002352号-34</a>
</p>
<p>违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务</p>

</div>
</div>
</div>


<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.net/ga/all.js"></script>

</body>
</html>

表格标题
表格的表头

表格的单元}}