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><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><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><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>
</div>
</div>
</div>
</div>
</div>
<div id="rightcol" class="viewcol">
<div class="coltitle">相关文档</div>
<ul class="lista">
</ul>
<div class="coltitle">最新文档</div>
<ul class="lista">
<li><a href="/doc/0a13589558.html" target="_blank">顶管施工合同书Word</a></li>
<li><a href="/doc/0a13589559.html" target="_blank">叠前时间偏移技术在河南BMZ地区的应用</a></li>
<li><a href="/doc/0a13589560.html" target="_blank">人才招聘及派遣方案</a></li>
<li><a href="/doc/0b13589563.html" target="_blank">飞鸟向上作文【高中高一1300字】</a></li>
<li><a href="/doc/0b13589564.html" target="_blank">chapter5-社会主义国家的经济与政治</a></li>
<li><a href="/doc/0b13589565.html" target="_blank">华东师大版七年级上册数学期末质量监测试题</a></li>
<li><a href="/doc/0b13589567.html" target="_blank">军训结束写给教官的一封感谢信</a></li>
<li><a href="/doc/0c13589570.html" target="_blank">葱香鸡蛋饼的做法营养价值</a></li>
<li><a href="/doc/0d13589571.html" target="_blank">2020年高考数学一卷21题解答赏析</a></li>
<li><a href="/doc/0d13589572.html" target="_blank">幼小衔接教学计划清单</a></li>
</ul>
</div>
</div>
<script>
var did = "82822381";
var ext = 'docx';
var docId = '1f84w3v8i6iz8f8j7n8a4rb0r2pkcc1j';
var totalPage = 7;
const pageNum = '7';
</script>
<div class="clearfloat"></div>
<div id="footer">
<div class="ft_info">
<a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br>
本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈
</div>
<script>foot()</script>
</div>
</body>
</html> 