Javaweb

53 阅读1分钟
  • Web标准也称为网页标准,由一系列的标准组成,大部分由W3C( World Wide Web Consortium,万维网联盟)负责制定。 三个组成部分:

HTML:

负责网页的结构(页面元素和内容)。

CSS:

负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。

JavaScript:

负责网页的行为(交互效果)。

image.png

image.png

HTML快速入门

image.png

image.png

image.png

image.png

  • 图片标签 src:指定图像url width:图像宽度 height:图像高度 标题标签: 水平标签:
  • 都是预定好的能随便定义
    

CSS标题样式

CSS引入方式:

行内样式:写在标签的style属性中(不推荐) 内嵌样式:写在style标签中(可以写在页面任何位置,但通常约定写在head标签中) 外联样式:写在一个单独的.css文件中(需要通过 link 标签在网页中引入)

  • 颜色表现形式
    

image.png

image.png

ID选择器>类选择器>元素选择器
属性:color和font-size(加px)

标签没有意义的布局标签
一行可以显示多个,大小默认展开

超链接

image.png

  • 跳转的位置

image.png

  • text-decoration:规定添加到文本的修饰,none表示定义标准的文本

正文排版

image.png

注意:无论多少个空格,只会显示一个.可以使用空格占位符:&nbsp

盒子模型

image.png

  • div和span的区别

image.png

注意:

如果只需要设置某一个方位的边框、内边距、外边距,可以在属性名后加上 –位置,如:padding-top、padding-left、padding-right …

表格标签:

image.png

表格标签

image.png

表格标签表单项

image.png

image.png