全部栏目

首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置：首页正文

Topic01（HTML）

2024-12-16 来源：东饰资讯网

01.01 课程介绍

  • 接下来的4个月，我们将经历三个阶段：
    • JavaWeb
    • SSH
    • SSM
  • 案例驱动模式：每天课下完成案例，不要有强迫症

01.02 HTML的介绍和特点

  • HTML:(HyperText Markup Language) 超文本标记语言
    • 超级文本：不仅能显示文字，还能显示图片、音频、视频
    • 标记：开始便签和结束标签<></a>
    • 语言：一门编程语言
  • HTML能干啥？
    • 写网页
  • 网页的内容包含：HTML代码（身体）、CSS代码（衣服）、JavaScript代码（灵魂）
  • HTML语言的特点：
    • 不需要编译，直接用浏览器阅读即可
    • 扩展名：.html (推荐)或 .htm

01.03 入门案例

  • head标签
    • title标签：网页的标题
  • body标签
    • 显示内容正文，不支持键盘换行

01.04 环境搭建

  • HBuilder

01.05 h1标题标签

  • h1到h6

01.06 水平线标签

  • hr

01.07 字体标签

  • font

01.08 格式化标签

  • b：加粗
  • i：倾斜

01.09 换行标签

  • <p>:段落标签

  • 换行标签

01.10 列表标签

  • ul：无序列表
  • ol：有序列表
  • li：列表项
  • 类似于MarkDown中的项目符号和编号

01.11 超链接标签

  • <a>:
  • herf属性：被点击之后跳转到哪一个网页
  • targer属性：在哪里打开新网页
    • _self：本页面打开
    • _blank：在新的空白页打开
    • framename：在指定的框架里打开

01.12 table标签的使用

  • table
    • tr：行
    • td：（每一行的格子数）
    • th：表头单元格，默认内容加粗，内容自动居中

01.13 合并单元格

  • td的两个属性
    • rowspan：跨行合并
    • colspan：跨列合并

01.14 框架集

  • frameset：把页面分割为几个部分
    • rows
    • cols

01.15 注释标签

01.16 预格式

  • <pre> :在网页中显示代码

01.17 下划线标签

  • <ins>

01.18 阶段练习一

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>英雄联盟</title>
    </head>
    
    <body>
        <h1>
            英雄联盟 （电子竞技类游戏）
        </h1>
        
        <p>
            <strong>《英雄联盟》</strong> （简称lol） 是由美国<i>Riot Games</i>开发，中国大陆地区由腾讯游戏运营的网络游戏。
        </p>
        
        <p>
            <strong>《英雄联盟》</strong>除了即时战略、团队作战外，还拥有一百多位特色各异的英雄、丰富的地图及玩法、自动匹配的战网平台，包括天赋树、召唤师系统、符文等元素。[<ins>1</ins>] 
        </p>
        
        <p>
            2016年1月，根据官方数据显示，LOL全球最高同时在线已突破<del>750</del> 900万，全球日活跃高达2700万，全球月活跃已达6700万，注册用户亿计，LOL已经成为当今世界最具人气和影响力的网络游戏之一。[<ins>2</ins>] 
        </p>
    </body>
</html>

阶段练习二

  • <img> 即图像标签，属性src指定图像的路径
  • div 块的意思
  • <a> 超链
  • table tr td
  • div和span：span是内联元素，不会换行
  • iframe 浏览器里的小浏览器

阶段练习三

  • 文本框：<input type = "text"> 只能输入一行
  • 文本域：<textarea> 输入多行
  • 密码框：<input type = "password">
  • 表单：<form> 用于向服务器提交数据，比如账号密码
  • get与post，get是明文，post是密文
显示全文