第一章:Html入门

第一章HTML人门

本章内容

1.认识HTML(了解)

2.HTML基本结构(掌握)

3.常用标签(记忆)

第一节认识HTML

B/S:浏览器/服务器

C/S:客户端/服务器

1.1什么是HTML

HTML:Hyper Text Markup Lauguage(外国简称:HTML 中:网页)超文本标记语言

超文本:文字,图片,视频

一门能够被浏览器直接解析执行的语言,只要有一系列标签组成的

1.2基本结构(掌握)

  <html>
      <head>
          标题、样式表、脚本
      <head>
      <body></body>
  <html>

第二节 常用标签(记忆)

标签注意事项

1.标签是由<和>和一些特定的单词组成

2.标签一般是闭合的,有开始标签页必须有结束标签,当然有一些自闭和标签

3.标签不区分大小写

4.标签需要正确嵌套

2.1标题标签

设置文章标题,有h1到h6 6种类型,其中h1标题最大,逐次递减,h6最小,独占一行

2.2段落标签

用来区分段落的:p

2.3换行标签

br实现换行,自闭和标签<br/>

2.4分隔线

<hr/>实现分隔线效果

2.5格式化标签

居中:center

有序列表:ol 必须配合具体的列表项li, 制作导航栏(重点)

无序列表:ul 必须配合具体的列表项li, 制作导航栏(重点)

自定义列表:dl 配合dt(列表的标题)dd(列表的内容)

预定义格式:pre

2.6文字的标签font:主要用来设置字体颜色,大小和类型

  
  <font size="1-7" color="color_name|6位16进制数字,rgb"= face="宋体,黑体..."></font>

2.7字体形状

  
  i:斜体  u:下划线  b:加粗   sub:下标  sup:上标

2.8图像

img:用来向网页插入图像

  
  <img src="路径" width="宽度" height="高度" 
  src:必要属性,插入图像路径,引用的图像必须有后缀
  jpg,png,gif,bim
  对齐方式:left,rihgt,实现文字环绕效果
  路径:相对路径和绝对路径
  相对路径:从当前位置出发(网页做在路径),另一个路径和当前路径的一个相对位置
  绝对路径:文件的绝对位置,有盘符名称以及对应文件的文件夹名称

2.9视频

video:加载视频 audio:加载音频

  
  <video src="喵" controls="controls"></video>
  <audio src="喵" controls="controls"></audio>

2.10超链接

1.实现页面跳转

  
  <a href="">demol</a>
  href:如果要跳转,必要的属性
  路径可以是网络路径,注意必须有https
  也可以是本地路径

2.锚点

实现在本页面的跳转

  
  1.设置锚点,通过设置name/id
  <a name=""id=""></a>
  2.提供跳转到锚点链接
  <a href="#name/id对应的名称"></a>
  #:在本页面中跳转
  
  <body>
      <a name="you">顶部</a>
      <div style="height:900px"></div>
      <a href="#you">回到顶部</a>
   </body>

2.11结构化标签

html5新增结构化标签: header(设置页眉)nav (设置导航栏) footer(页脚)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值