动态背景网站,wordpress 链接插件,山丹做网站的公司,网站设计与网站建设课程代码目录 一、网络的三大基石
二、什么是HTML 一、HTML 指的是超文本标记语言 二、HTML的作用
三、HTML的标准结构
四、IDE_HBuilder的使用 一、编码工具#xff1a; 二、集成开发环境 三、HBuilder使用步骤#xff1a;
五、HTML的标签的使用 一、html_head_body 二、head…目录 一、网络的三大基石
二、什么是HTML 一、HTML 指的是超文本标记语言 二、HTML的作用
三、HTML的标准结构
四、IDE_HBuilder的使用 一、编码工具 二、集成开发环境 三、HBuilder使用步骤
五、HTML的标签的使用 一、html_head_body 二、head中可用标签 三、body中可用标签 一、实体字符 一、网络的三大基石 三大基石URLHTTP协议HTML URL在WWW上每一信息资源都有统一的且在网上唯一的地址该地址就叫URL
Uniform Resource Locator,统一资源定位符它是WWW的统一资源定位标志就是指网络
地址。 HTTP协议http是一个简单的请求-响应协议它通常运行在TCP之上。它指定了客户端可能
发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII码形式给出而
消息内容则具有一个类似MIME的格式。这个简单模型是早期Web成功的有功之臣因为它使得开
发和部署是那么的直截了当。 HTMLHTML称为超文本标记语言。
二、什么是HTML 一、HTML 指的是超文本标记语言 超文本 普通人 vs 超人比普通的人厉害 普通文本 vs 超文本(比普通的文本厉害) 标记 标记标签 标签html body head 由尖括号包围起来的关键词 分类双标记标签/封闭类型标签 p/p 单标记标签/非封闭类型标签 br/ 语言HTML是一个描述网页的语言 总结 学习HTML就是学习各种各样的标签然后组成一个页面这个页面可以被浏览 器解析解析完以后可以在浏览器中将页面进行展示。 二、HTML的作用 学习HTML就是学习各种各样的标签然后组成一个页面这个页面可以被浏览器解 析解析完以后可以在浏览器中将页面进行展示。
三、HTML的标准结构 1、先用普通文本文档新建一个文本将文本的后缀改为.html 或者 .htm 大小写不区分 2、编辑标准结构
htmlhead/headbodythis is my first html..../body
/html 3、运行界面让浏览器解析直接用浏览器将文件打开即可 建议使用谷歌浏览器
四、IDE_HBuilder的使用 一、编码工具 辅助程序员编写源代码的工具它类似word我们写文档会打开word文档来编写。 写代码也一样需要借助工具来开发。 常见的编码工具有记事本、sublime Text、notepad 二、集成开发环境 是用于提供程序开发环境的应用程序一般包括代码编辑器、编译器、调试器和图形用 户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件 服务套。所有具备这一特性的软件或者软件套组都可以叫集成开发环境。如微软的Visual Studio系列Borland的C Builder、Delphi系列等。该程序可以独立运行也可以和其它程 序并用。IDE多被用于开发HTML应用软件。例如许多人在设计网站时使用IDE 如webstorm、DreamWeaver等因为很多项任务会自动生成。 三、HBuilder使用步骤 1解压 2点击HBuilder.exe运行即可免安装 3注册用户并登陆建议登陆 4选择适合自己的视觉方案 5选择主题 6创建项目 7创建html文件 8在空白界面中 快捷键 h8
htmlheadtitle/title/headbodythis is my second html.../body
/html 9保存Ctrl s 10运行 11运行结果 五、HTML的标签的使用 一、html_head_body HTML文档标准结构
htmlhead/headbodythis is my second html... /body
/html 1、html标签 定义 HTML 文档这个元素我们浏览器看到后就明白这是个HTML文档了所 以你的其它元素要包裹在它里面标签限定了文档的开始点和结束点在它们之间 是文档的头部和主体。 2、head标签---》里面放的是页面的配置信息 head标签用于定义文档的头部它是所有头部元素的容器。head 中的元素 可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性 和信息包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数 文档头部包含的数据都不会真正作为内容显示给读者。 下面这些标签可用在 head 部分 title、meta、link、style、 script、 base。 应该把 head 标签放在文档的开始处紧跟在 html 后面并处于 body 标签之前。文档的头部经常会包含一些 meta 标签用来告诉浏览器关于文档的 附加信息。 3、body标签---》里面放的就是页面上展示出来的内容 body 元素是定义文档的主体。body 元素包含文档的所有内容比如文本、超 链接、图像、表格和列表等等。body是用在网页中的一种HTML标签标签是用 在网页中的一种HTML标签表示网页的主体部分也就是用户可以看到的内容 可以包含文本、图片、音频、视频等各种内容 二、head中可用标签
html!-- 这是一个注释注释的快捷键是ctrlshift/--!--head标签中放入页面的配置信息head标签中可以加入title、meta、link、style、 script、 base。--head!--页面标题--title百度一下你就知道/title!--设置页面的编码防止乱码现象利用meta标签charsetutf-8 这是属性以键值对的形式给出 kv ab 告诉浏览器用utf-8来解析这个html文档--meta charsetutf-8 /!--简写--!--繁写形式了解--!--meta http-equivcontent-type contenttext/html;charsetutf-8 /--!--页面刷新效果--!--meta http-equivrefresh content3;https://www.baidu.com /--!--页面作者--meta nameauthor contentmsb;213412qq.com /!--设置页面搜索的关键字--meta namekeywords content马士兵教育;线上培训;架构师课程 /!--页面描述--meta namedescription content马士兵教育详情页 /!--link标签引入外部资源--link relshortcut icon hrefhttps://www.baidu.com/favicon.ico typeimage/x-icon //head!--body标签中放入页面展示的内容--bodythis is a html..你好/body
/html 三、body中可用标签
!DOCTYPE html
htmlheadmeta charsetUTF-8title文本标签/title/headbody!--文本标签--!--下面的文字就是普通的文本文本编辑器中的任何效果比如空格换行 都不影响页面页面想要实现效果 必须通过标签来实现--媒体为人父母 要不要“持证上岗”媒体为人父母要不要“持证上岗”媒体为人父母要不要“持证上岗”媒体为人父母要不要“持证上岗”!--标题标签h1-h6 字号逐渐变小每个标题独占一行自带换行效果h7之后都属于无效标签但是浏览器也不会报错而是以普通文本的形式进行展现--h1媒体为人父母要不要“持证上岗”/h1h2媒体为人父母要不要“持证上岗”/h2h3媒体为人父母要不要“持证上岗”/h3h4媒体为人父母要不要“持证上岗”/h4h5媒体为人父母要不要“持证上岗”/h5h6媒体为人父母要不要“持证上岗”/h6h7媒体为人父母要不要“持证上岗”/h7h8媒体为人父母要不要“持证上岗”/h8!--横线标签width:设置宽度300px 固定宽度30%页面宽度的百分比会随着页面宽度的变化而变化align设置位置 left ,center,right 默认不写的话就是center居中效果--hr width300px aligncenter/hr width30% aligncenter/!--段落标签段落效果段落中文字自动换行段落和段落之间有空行--pnbsp;nbsp;nbsp;nbsp;5月emsp;26日“建议父母持合格lt;父母证gt;上岗copy;”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。/pp5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。/pp5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。5月26日“建议父母持合格父母证上岗”冲上微博热搜迅速引发热议。在正在召开的全国两会上全国政协委员许洪玲建议在社区举办家长课堂建立“家长教育指导工作室”。针对准备入小学的家长开展相关课程教育颁发“合格父母”上岗证随学生档案入学。/p!--加粗倾斜下划线--b加粗/bi倾斜/iu下划线/uiub加粗倾斜下划线/b/u/i!--一箭穿心--del你好 你不好/del!--预编译标签在页面上显示原样效果--pre
public static void main(String[] args){System.out.println(hello msb....);
}/pre!--换行--5月26日“建议父母持合格父母证上岗”冲上微博br /热搜迅速引发热议。在正在召开的全国两会上全国政!--字体标签--font color#397655 size7 face萝莉体 第二版建议父母持合格父母证上岗/font/body
/html 一、实体字符 六、方法的实现调用
package notepad;import sun.util.resources.cldr.my.CurrencyNames_my;import java.util.Scanner;public class TestMethod03 {//功能我心里有一个数你来猜看是否猜对//方法的定义功能实现猜数功能//1.你猜一个数public static void guessNum(int my){//我心里有一个数(1-6)int you (int) (Math.random() * 6) 1;//将两个数比对System.out.println(youmy?猜对了:猜错了);}//这是一个main方法是程序的入口public static void main(String[] args) {//调用猜数的方法Scanner sc new Scanner(System.in);System.out.print(请录入你的数);int my sc.nextInt();guessNum(my);}
}
package notepad;import sun.print.SunMinMaxPage;public class TestMethod01 {//方法的定义写方法)//将返回值返回到方法的调用处public static int addNum(int num1, int num2){int sum 0;sum num1;sum num2;return sum;}//这是一个main方法是程序的入口public static void main(String[] args) {//1020:int num1 10;int num2 20;int sum 0;sum num1;sum num2;System.out.println(sum);//方法的调用用方法int sum2 addNum(10, 20);System.out.println(sum2);//3090:int num3 30;int num4 90;int sum1 0;sum1 num3;sum1 num4;System.out.println(sum1);//方法的调用用方法int sum3 addNum(30, 90);System.out.println(sum3);//5048:System.out.println(addNum(50, 48));}
}
