# Javaweb学习笔记(持续更新)

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样式)在

猜你喜欢

转载自www.cnblogs.com/sstealer/p/11708531.html