网页设计与制作(一)

一、什么是HTML

1.HTML文档基本格式
a..<!DOCTYE>标记:位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML或XHTML标准规范。
必须在开头处使用<!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型,只有这样
浏览器才能将该网页作为有效的XHTML文档,并指定的文档类型进行解。 <!DOCTYE>标记和浏览器 的兼容性相关。
b.《html》标记:位于<!DOCTYPE>标记之后,也称为根标记,用于告知浏览器其自身是一个HTML文档,标记着HTML文档的开始,《/html》标记标志着HTML文档的结束,在它们之间的事文档的头部和主题内容。
在《html》之后有一串代码“xmlns=“hppt//:www.w3.org/1999/xhtml""用于声明XHTML统一的默认命名空间。
c.《head》标记:用于定义HTML的头部信息,也称为头部标记,紧跟在《html》之后,主要用来封装其他位于文档头部的标记,例如《title》、《metal》、《link》及《style》等,用来描述文档的标题、作者以及和其他文档的关系等。一个HTML文档只能含有一对《head》,绝大多数文档头部的数据都不会真正作为内容显示在页面中。
d.《body》标记:用于定义HTML文档所要显示的内容,也称为主体标记。《body》标记中的信息才是最终展示给用户看的。一个HTML文档只能含有一对《body》标记,且《body》标记必须在《html》标记之内,位于《head》头部标记之后,与《head》标记是并列关系。
2.HTML标记
在HTML页面中,带有”<>"符号的元素被称为HTML标记。
a.单标记和双标记
标题标记《h2》《/h2》、水平线标记《hr/》、段落标记《p》。
双标记:《标记名》内容《/标记名》 关闭符:/
单标记:空标记.用一个标记符号即可完整的描述某个功能的标记。
b…注释标记:《!–注释语句–》不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。
注释标记中不能嵌套语句。
3.标记的属性
a.《标记名 属性1=“属性值1” 属性2=“属性值2”…》内容《/标记名》
标记名与属性、属性与属性之间均以空格分开。
b…标记的嵌套:在《p》标记中包含《font》标记,同时外层的《font》标记中又包含了一个内层的《font》标记。必须先结束最靠近内容的标记,再按照由内及外的顺序依次关闭标记。
加粗标记:《strong》、倾斜标记:《em》
4.HTML文档头部
a.设置页面标题标记《title》
《title》网页标题名称《/《title》 内容显示在浏览器窗口的标题栏中
b.定义页面元信息标记《meta/》 ( 单标记)
用于定义页面的元信息,可重复出现在《head》头部标记中。本身不包含任何内容,通过"名称/值“的形式成对地使用其属性可定义页面的相关参数。
c.引用外部文件标记《link》
《link 属性=”属性值“/》
d.内嵌样式标记《style》
《style 属性=”属性值“》样式内容《/style》 用于为HTML定义样式信息,位于《head》头部标记中

二、HTML文本控制标记

1.标题和段落标记
a.标题标记:6个等级标题:《h1》、《h2》、《h3》、《h4》、《h5》、《h6》
《hn align=”对齐方式“》标题文本《/hn》
left:左对齐
center:居中对齐
right:右对齐
b.段落标记
《p align·=”对齐方式“》段落文本《/p》
c.水平线标记《hr/》(单标记)
《hr 属性=”属性值“ /》
align:对齐方式 默认为居中对齐
size:粗细 以像素为单位,默认为2像素
color:颜色 可用颜色名称、十六进制#RGB、rgh(r,g,h)
width:宽度 可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100%
d.换行标记《br/》
不能取代《h》、《p》
2.文本样式标记
HTML提供了文本样式标记《font》,用来控制网页中文体的字体、字号和颜色。
《font 属性=”属性值“》文本内容《/font》
face:字体 微软雅黑、黑体、宋体等
size:大小 可以取1~7之间的数字
color:颜色
3.文本格式化标记
《b》《/b》和《strong》《/strong》:粗体
《i》《/i》和《em》《/em》:斜体
《s》《/s》和《del》《/del》:加删除线
《u》《/u》和《ins》《/ins》:加下划线
4.特殊字符标记
在这里插入图片描述
在这里插入图片描述

相关推荐
<p class="MsoNormal"> <span style="font-family:宋体;"></span><span>1</span><span style="font-family:宋体;"></span><span>HTML5 WebSocket</span><span style="font-family:宋体;">、异常重连、心跳检测;</span> </p> <p class="MsoNormal"> <span style="font-family:宋体;"></span><span>2</span><span style="font-family:宋体;"></span><span>SockJS</span><span style="font-family:宋体;">、</span><span>Stomp</span><span style="font-family:宋体;">、</span><span>RabbitMQ Stomp</span><span style="font-family:宋体;">消息代理;</span> </p> <p class="MsoNormal"> <span style="font-family:宋体;"></span><span>3</span><span style="font-family:宋体;">分别用</span><span>Nginx</span><span style="font-family:宋体;">和</span><span>Spring Cloud Gateway</span><span style="font-family:宋体;">实现多实例负载均衡;</span> </p> <p class="MsoNormal"> <span style="font-family:宋体;"></span><span>4</span><span style="font-family:宋体;">可靠消息推送</span><span>Stomp</span><span style="font-family:宋体;">持久化队列、客户端</span><span>ACK</span><span style="font-family:宋体;">确认机制;</span> </p> <p class="MsoNormal"> <span style="font-family:宋体;"></span><span>5</span><span style="font-family:宋体;"></span><span>Java</span><span style="font-family:宋体;">原生、</span><span>Stomp</span><span style="font-family:宋体;">客户端实现非浏览器客户端;</span> </p> <p class="MsoNormal"> <span style="font-family:宋体;"></span><span>6</span><span style="font-family:宋体;"></span><span>Websocket</span><span style="font-family:宋体;">拦截器结合</span><span> Spring security</span><span style="font-family:宋体;">、</span><span>jwt token</span><span style="font-family:宋体;">认证授权。</span> </p> <p class="MsoNormal"> <span style="font-family:宋体;"></span><span>7</span><span style="font-family:宋体;"></span><span>VUE+elementUI</span><span style="font-family:宋体;">前后分离实现。</span> </p>
<p> <b><span style="font-size:14px;"></span><span style="font-size:14px;background-color:#FFE500;">【Java面试宝典】</span></b><br /> <span style="font-size:14px;">1、68讲视频课,500道大厂Java常见面试题+100个Java面试技巧答题公式+10万字核心知识解析+授课老师1对1面试指导+无限次回放</span><br /> <span style="font-size:14px;">2、这门课程基于胡书敏老师8年Java面试经验,调研近百家互联网公司及面试官的问题打造而成,从筛选简历和面试官角度,给出能帮助候选人能面试成功的面试技巧。</span><br /> <span style="font-size:14px;">3、通过学习这门课程,你能系统掌握Java核心、数据库、Java框架、分布式组件、Java简历准备、面试实战技巧等面试必考知识点。</span><br /> <span style="font-size:14px;">4、知识点+项目经验案例,每个都能做为面试的作品展现。</span><br /> <span style="font-size:14px;">5、本课程已经在线下的培训课程中经过实际检验,老师每次培训结束后,都能帮助同学们运用面试技巧,成功找到更好的工作。</span><br /> <br /> <span style="font-size:14px;background-color:#FFE500;"><b>【超人气讲师】</b></span><br /> <span style="font-size:14px;">胡书敏 | 10年大厂工作经验,8年Java面试官经验,5年线下Java职业培训经验,5年架构师经验</span><br /> <br /> <span style="font-size:14px;background-color:#FFE500;"><b>【报名须知】</b></span><br /> <span style="font-size:14px;">上课模式是什么?</span><br /> <span style="font-size:14px;">课程采取录播模式,课程永久有效,可无限次观看</span><br /> <span style="font-size:14px;">课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化</span><br /> <br /> <br /> <span style="font-size:14px;background-color:#FFE500;"><strong>如何开始学习?</strong></span><br /> <span style="font-size:14px;">PC端:报名成功后可以直接进入课程学习</span><br /> <span style="font-size:14px;">移动端:<span style="font-family:Helvetica;font-size:14px;background-color:#FFFFFF;">CSDN 学院APP注意不是CSDN APP哦</span></span> </p>
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页