网页结构HTML

目录

1.B/S 软件的结构

2.前端的开发流程

3.网页的组成部分       

4.HTML 简介

5.创建HTML文件(略)

6.HTML 文件的书写规范

7.HTML 标签介绍

7.1 标签的格式

7.2 标签名大小写不敏感

7.3 标签的两种属性

7.4 标签的两种类型

7.5 标签的语法

8.常用标签介绍

8.1 font 字体标签

8.2 特殊字符

8.3 标题标签

8.4 超链接 ( **** 重 点 ,必 须 掌 握 * )

8.5 列表标签

8.6 img 标签

8.7 表格标签( **** 重点,必须掌握 * )  

8.8 跨行跨列表格 (* 次重点,必须掌握 *)

8.9 了解 iframe 框架标签 (内嵌窗口)

8.10 表单标签 ( ***** 重点 ,必须掌握 * )

8.11 其他标签



1.B/S 软件的结构

软件开发架构
结构模式 实际例子
C/S(Client Server) JavaSE
B/S (Browser Server)
JavaEE

 2.前端的开发流程

3.网页的组成部分       

  • 内容(结构),是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用 HTML技术来展示。
  • 表现,指的是这些内容在页面上的展示形式。比如说。布局,颜色,大小等等。一般使用 CSS 技术实现。
  • 行为,指的是页面中元素与输入设备交互的响应。一般使用 JavaScript 技术实现。

4.HTML 简介

  • H yper T ext M arkup L anguage (超文本标记语言) 简写:HTML
  • HTML 通过标签来标记要显示的网页中的各个部分。网页文件本身是一种文本文件, 通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)

5.创建HTML文件(略)

6.HTML 文件的书写规范

<!DOCTYPE html>    <!--约束,声明-->
<html>     <!--表示整个 html 页面的开始--> 
<head>     <!--头信息--> 
    <title>标题</title>   <!--标题-->
</head> 
<body>
     body 是页面的主体内容 页面主体内容 
</body> 
</html>    <!--表示整个 html 页面的结束-->
  • HTML  的代码注释
    <!-- 这是 html 注释,可以在页面右键查看源代码中看到 -->

7.HTML 标签介绍

7.1 标签的格式

< 标签名 > 封装的数据 </ 标签名 >

7.2 标签名大小写不敏感

7.3 标签的两种属性

  • 基本属性:bgcolor="red"   可以修改简单的样式效果
  • 事件属性: onclick="alert('你好!');"  可以直接设置事件响应后的代码。

7.4 标签的两种类型

  • 单标签格式: <标签名 />    br 换行    hr 水平线
  • 双标签格式:   <标签名> ...封装的数据...</标签名>

7.5 标签的语法

<!-- ① 标签不能交叉嵌套 -->
正确: < div >< span > 早安,尚硅谷 </ span ></ div >
错误: < div >< span > 早安,尚硅谷 </ div ></ span >
< hr />
<!-- ② 标签必须正确关闭 -->
<!-- i. 有文本内容的标签: --> 正确: < div > 早安,尚硅谷 </ div >
错误: < div > 早安,尚硅谷
< hr />
<!-- ii. 没有文本内容的标签: -->
正确: <
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值