Javaweb学习笔记
Html技术
DOCTYPE是Document Type的简写,含义为文档类型,
<!DOCTYPE html>
是HTML5的DOCTYPE声明,表示该网页的呈现标准是基于HTML5,标准兼容模式,HTML4.01的文档声明类型较为复杂,HTML5中该声明被大幅度简化。HTML是网页内容的载体,CSS是网页的外衣,改变外观(颜色,字体,加入图片边框),JavaScript实现特效动画
杂项标签一般放在
<head>
标签中<head> <title></title> <base href="http://localhost/images/" /> <!--为页面上的所有链接设置默认URL地址或目标target,当HTML5文档中使用了相对路径时,浏览器使用<base>指定的URL补全--> <base target="_blank" /> <!--为网页所有超链接设置统一打开方式--> <mata name="参数" content="具体描述"> <!--meta表达的是整个HTML文档的描述信息,影响搜索引擎注册和搜索引擎优化, 有3个属性,name,http-equiv的值表示属性,content的值具体描述属性,每个name或http-equiv对应一个content, name属性由以下几种参数 --> <meta name="keywords" content="Lxxyx,博客,文科生,前端"> <meta name="description" content="文科生,热爱前端与编程。目前大二,这是我的前端博客"> <meta name="author" content="Lxxyx,[email protected]"> <meta name="copyright" content="Lxxyx"> //代表该网站为Lxxyx个人版权所有。 <meta http-equiv="refresh" content="2;URL=http://www.lxxyx.win/"> //意思是自动刷新,2秒后跳转向我的博客 <meta charset="utf-8"> //HTML5设定网页字符集的方式,推荐使用UTF-8 <style></style //CSS区域 <link rel="stylesheet" href="my1.css" /> //链接外部css代码 </head>
标签可以拥有属性,属性在HTML元素的开始标签中规定,
<a href="https://.....>实验楼</a>
,<p style="blackground-color:red:>实验楼</p>
属性之间使用空格分隔列表标签的start属性都使用数字,例如用字母表示项目符号类型,要从‘b’开始使用
<ol type="a" start="2"><li></li></ol>
矢量图和点阵图:矢量文件中的图形元素称为对象,每个对象都是一个自成一体的实体
描述网页的语言,Hypertext Markup Language,超文本标记语言
- 超文本:超出文本范畴,指在网页上可以描述文本,图片,视频等内容
- 标记:标签,在标签里面书写内容
- 语言:HTML是用户和浏览器交互的工具,浏览器会解析HTML标记,以特定效果展示
文档的声明<!DOCTYPE>:声明HTML类型和版本号
根标签
<html></html>
标记HTML开始和结束,如果没有结束标签,自己结束,<br />
源码不区分大小写,源码换行,网页不换行,换行使用
<br>
源码中的换行和多于一个的空格会被一个空格代替<th></th>
表格自动加粗居中,用于表格首行
CSS
层叠样式表,Cascading Style Sheet,增强网页的显示效果,使网页内容和样式分离,便于网站代码后期的维护
引用方式
主要使用内嵌式和链入式
内嵌式:css代码写在头部标记中(html页面加载顺序为从上到下,在body之前加载css样式)在