HTML标签

Web前端

是指一个网站的基本前提条件,同时也是给用户提供直接操作的界面

任何的一个后端管理系统都离不开 前端的页面(门户网站)

仅仅只学习Web前端 很难就业 ----->Java/Python/.NET/Web全栈

对于一个没有学过软件编程或是网页设计的人而言, 很容易上手,并且在短时间内可以做出自己的网站。

如何开发一个网站?

(1)学会制作简单的页面

https://www.baidu.com/index.html

一个页面  的扩展名 : .html     .htm

一个网页的基本结构:

<html>
	<head></head>
	<body></body>
</html>	

编写网页的工具(软件):

editplus, Hubilder , WebStorm, notePad++,…DW…Submline Text

Hbuilder 使用的快捷键

ctrl+/ 表示的是添加注释/取消注释

ctrl+d 表示的是快速的删除一行

ctrl+上下键 表示的是快速的移动代码的位置

alt+/ 表示的是补全代码 (代码提示)

ctrl+shift+f 表示的是 整理代码格式化 (按照规范或者格式重新排列)

Web开发 需要学习三大部分:

(1)HTML (超文本标记语言): 是指浏览器可以识别的语言。

  一个  页面  骨架  (结构层)  

主要是由标签组合而成   <html></html>

超文本是指 在一个网页中除了文本之外  还可以包含图片,视频 ,音频,表格, 列表, 超链接的等等

标记语言:  是指由标签组合而成的语言(浏览器可以识别的语言)

(2) CSS层叠样式表 (表现/装饰/美化) :

	是指对HTML 这个骨架的装饰以及美化   一个页面的肉体(表现层)

(3) JavaScript 提供用户和界面的交互方式 列如: 点击登录,验证用户名称和密码,搜索商品等

 一个页面的行为   (行为层)

(4) jQuery框架

(5) Bootstrap框架 主要做响应式(适应于手机,ipad, 电脑,笔记本等)的网页

总结今日课程重点内容:

一、Web前端开发的三大模块

1、HTML 结构层 超文本标记语言

超文本: 在一个网页中除了文本之外,好包含图片,视频,音频,超链接,表格,列表等

标记语言: 由标签组合成的语言  <head></head>.......

一个网页的扩展名: .html    .htm

一个网站: 多个html文件的集合

网页的基本结构:

为了增强浏览器的访问  我们可以添加 一个网页的文档类型
<!Doctype html>
<html>
	<head>
		<title><title>
	</head>
	<body></body>
</html>

基本标签的使用:

预定义格式化标签pre

换行标签 br

水平线  hr

字体标签font

	font标签的属性: size(大小)   color(颜色)    face(字体)

加粗/斜体/下划线   b/i/u

下标和上标  sub和sup

段落标签p

图片标签img和超链接标签a

	img的属性有: src表示的是图片路径   width/height(宽高)  title(表示的是图片的标题)   alt表示的是图片不能正常加载时的提示

	a的属性:  href表示的是超链接的 地址   target表示的是否重新打开窗口显示链接的网页

2、CSS

3、JavaScript

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值