Java Web开发基础

  通过第一节的学习,对Web有了一个基本的了解,内容大致如下:

  Web概况:网站中用于承载信息的页面,主要由文字、图像和超链接等元素构成,除了这些元素,网页中还可以包含音频、视频以及flash等。

  Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTMLCSSJavaScript等等。由于不同的浏览器解析出来的效果可能不一致,开发者常常需要为多版本的开发而艰苦工作,这时候,Web标准就显得尤为重要。

  Web标准:结构标准(HTML)、表现标准(CSS)、行为标准(JavaScript)

  Web开发工具:Dreamweaver

菜单
文件 :新建、打开、保存
编辑

  快捷键:给注释加快捷键

  首选参数:代码格式、代码提示、代码颜色、新建文档、在浏览器中预览、字体大小

插入:表单、超链接等
格式:插入段落、标题、列表、样式等
站点:可以理解成一个文件夹,把要建的网页、图片等都放进去,方便统一管理
窗口:显示隐藏窗口

 

网页开发入门:

1、HTML

Html文档基本格式:

<!doctype html> 必须用在开头:用于向浏览器说明当前文档使用的哪种HTML规范标准

<html>:根标记,用于告知浏览器本文件是个html文档

<head>:头部信息,主要用来放置其他位于头部的标记,像<title><meta><link><style>

<meta>:描述HTML文档的描述,关键词,作者,字符集等。

<body>:主体标记。网页上要显示的所有内容都写在此处

 

HTML 标记或者标签
通常 成对 出现: <html></html> <p></p>
标签对的第一个标签叫开始标签(开放标签),第二个是结束标签(闭合标签)
标签也分单标签和双标签: < img /> < hr />
标签上有自己 属性 比如 id ,写法:属性 =“ 值”
注释: <!--  我是注释 -->
标签:
<div> :用来划分区域的
<p> :段落

<h1>~<h6>:标题从大到

 

2、CSS

Html 中引用样式三种方式(样式使用的顺序:行内样式 内嵌式 外链式)
内样式:在 html 标签上写样式(不建议,后期不好维护)
嵌式:在 html 文档的头部 <head> 中添加 <style> ,在 style 标签里面写样式
链式:新建一个 css 样式文件,引入到 html 中(推荐)

  href:要引入的css文件

  type:要引入的文件的类型text/css代表引入的

    样式表文件

  rel:当前文档与引入文档的关系,stylesheet代表被引入的是一个样式表文件

 

CSS 的写法(基本语法 )     选择 器  {

  属性1 : 属性1的值 ;

  属性2 : 属性2的值 ; …  …

  }

 

CSS 的选择器
id 选择器: #id 属性 1 : 属性 1 的值 ;
class 选择器: .class 属性 1 : 属性 1 的值 ;
标签 选择器: 标签名 属性 1 : 属性 1 的值 ;
 
3、JavaScript
引用 js 的两种方式
内嵌式:在 html 文档的头部 <head> 添加 < script> 标签,在 script 标签中写 js 的代码
外链式:新建一个 js 文件,引入到 html

转载于:https://my.oschina.net/u/4090425/blog/3018384

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值