html学习笔记
Html代码
Css样式
Javascript代码
Jquery代码
Php代码
Html介绍
Html(hyper text markup language)超文本标记语言
Html是一种标准-----w3c
超文本：在文本内容的基础上，添加更加的丰富的信息（图片，动画，声音等）
标记（标签）---<单词>
挨着<是标记
标记通常有两层含义：
表型：每一个标签都有一定表现形式
表意：每一个标签有一定的意义
语言：可以直接被浏览器解析，和程序语言不一样
Html的标签分类
●双标签：开始标签和结束标签构成，内容放入开始标签和结束标签之间
语法：<标签属性名=”属性值”> ……内容…..
属性理解人的特征性别=”女”体重=”45”身高=”165”
例如
●单标签：只有开始标签，没有结束标签，没有内容,在单标签的后面一定要闭合
语法：<标签属性名=”属性值”属性名=”属性值” />
例如 ![]()
Html基本骨架结构
网站的标题html文件的扩展名是XXX.html-----保存XXX.html
html结构说明：
●含义：告诉浏览器，网页的代码用什么格式来解析
●
含义：告诉浏览器网页的汉子用什么字符集，使用的字符集不正确，就会出现乱
码gb2312 简体中文----（汉字操作系统默认使用的）gbk国标码utf-8多国语言
●
含义：便于搜索引擎</p><p>●<body>含义：网站的内容，99%的内容都放入body标签中，只有放入该标签，才能在</p><p>窗口显示</p><p>注意：tab键可以缩进</p><p>Html的书写规范</p><p>●Html不区分大小写，但是w3c使用的是小写<body> 不推荐<BODY></p><p>●Html如果有标签嵌套，顺序嵌套，不能交叉</p><p>●单标签一定要闭合（/）例如<br /></p><p>●属性：每一个标签有没有属性，有多少---w3c规定好的</p><p>●属性值：双引号引起</p><p>Html注释</p><p>注释的内容不在窗口中显示</p><p><!—注释内容--></p><p>Html文本标签</p><p>1.Font 设置文本的颜色文本的字体文本的大小</p><p><font>设置的内容</font></p><p>属性</p><p>Color设置文本的颜色例如color=”red”color=”#ff0000”</p><p>Size 设置文本的大小例如size=”5”是以号为单位</p><p>Face 设置文本的字体例如face=”隶书”</p><p>需求：输入一段文本设置该段的前五个字，文本颜色为蓝色blue #0000ff,文本的大小为6号，字体为楷体</p><p><b></b>加粗</p><p><strong></strong>加粗加强语气</p><p><i></i>倾斜</p><p><em></em>倾斜加强语气</p><!--/p2--><!--p3--><p><u></u> 下划线</p><p><ins></ins>插入的是文本</p><p><sup></sup>上标</p><p><sub></sub>下标</p><p>需求：输入一段文本，要求前六个字文本颜色为蓝色，加粗，倾斜，加下划线</p><p>注意：一定要顺序嵌套，不能交叉</p><p>需求：输入一段内容，最后8个字，文本颜色是绿色green #00ff00，字体为宋体，---加粗倾斜加下划线</p><p>Html段落的标签</p><p><p></p> 一段</p><p>段落的属性</p><p>Align 取值left center right</p><p><h1></h1> 标题1</p><p><h2></h2> 标题2</p><p>。。。</p><p><h6></h6>标题6</p><p>标题的属性</p><p>Align 取值left center right</p><p>需求：输入两段内容，在第一段的前面加一个标题二，标题二的内容居中</p><p>Pre标记：预定义标签，保留原有的空格和换行</p><p>Div ：是网站上使用的标签最多之一，本身没有任何意义，自己独自一行，结合css样式一起使用，构成相应的效果块标签</p><!--/p3--><!--p4--><p>Span 本身没有任何的含义，但是也是网站使用最多标签之一，结合css一起使用构成功能，行内标签</p><p>块标签：输入完标签之后，自己独占一行</p><p>那些属于块标签<h1></h1>…<h6></h6> <p></p> <div></div></p><p>行内标签：输入完标签之后，不是自己独占一行</p><p>那些属于行内标签<em><span><i><u></p><p>需求输入两段内容，第一段和第二段用div包裹，在第一段的前面加标题3，改标题颜色为蓝色</p><p>注意：下面的写法不推荐使用，通常块标签里面包括行内标签</p><p>效果</p><p>列表</p><p>就是若干个相似的内容进行排列</p><!--/p4--><!--p5--><p>无序列表</p><p>就是若干个相似的内容进行排列，没有先后顺序</p><p>语法：</p><p><ul></p><p><li>搜狗</li></p><p><li>输入法</li></p><p><li>浏览器</li></p><p></ul></p><p>?搜狗</p><p>?输入法</p><p>?浏览器</p><p>Ul的属性</p><p>type 类型设置列表前面符号的样式取值 circle disc默认 square 有序列表</p><p>若干个相似的内容进行排列有先后顺序</p><p>语法：</p><p><ol></p><p><li>谁在鼓吹2017年房价下跌？</li></p><p><li>赵海均:明星并购价值有几何</li></p><p><li> 股市暴跌，到底发生了什么?</li></p><p></ol></p><p>1 谁在鼓吹2017年房价下跌？</p><p>2赵海均:明星并购价值有几何</p><p>3股市暴跌，到底发生了什么?</p><!--/p5--><!--p6--><p>自定义列表</p><p><dl></p><p><dt>自定义列表标题</dt></p><p><dd>对该标题进行描述</dd></p><p></dl></p><p>特殊字符</p><p> ；一个空格，代表一个字符，一个汉字占两个字符©；版权</p><p>< <</p><p>>></p><p>¥ ￥</p><!--/p6--><!--p7--><p> </p><!--/p7-->
<div>
<div>相关主题</div>
<div class="relatedtopic">
<div id="tabs-section" class="tabs">
<ul class="tab-head">
</ul>
</div>
</div>
</div>
<div class="container">
<div>文本预览</div>
<div class="textcontent">
</div>
</div>
</div>
<div class="category">
<span class="navname">相关文档</span>
<ul class="lista">
</ul>
<span class="navname">最新文档</span>
<ul class="lista">
<li><a href="/doc/0619509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
<li><a href="/doc/0a19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
<li><a href="/doc/9619184372.html" target="_blank">自然教育课件</a></li>
<li><a href="/doc/3319258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
<li><a href="/doc/d719211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
<li><a href="/doc/a519240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
<li><a href="/doc/9019184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
<li><a href="/doc/8819195909.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/8319195910.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/7b19336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
<li><a href="/doc/7019336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
<li><a href="/doc/6819035160.html" target="_blank">高考语文知识点总结高中</a></li>
<li><a href="/doc/6819035161.html" target="_blank">高中语文知识点总结归纳</a></li>
<li><a href="/doc/4219232289.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/2a19396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
<li><a href="/doc/2c19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
<li><a href="/doc/1619338136.html" target="_blank">高中语文基础知识点整理</a></li>
<li><a href="/doc/e619066069.html" target="_blank">化工厂应急预案</a></li>
<li><a href="/doc/b019159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "8258dc6653d380eb6294dd88d0d233d4b14e3ff7";
</script>
<script type="text/javascript">bdtj();</script>
<footer class="footer">
<p><a href="/tousu.html" target="_blank">侵权投诉</a> © 2022 www.doczj.com <a href="/sitemap.html">网站地图</a></p>
<p>
<a href="https://beian.miit.gov.cn" target="_blank">闽ICP备18022250号-1</a> 本站资源均为网友上传分享，本站仅负责分类整理，如有任何问题可通过上方投诉通道反馈
<script type="text/javascript">foot();</script>
</p>
</footer>
</body>
</html>
