html是一种纯文本类型语言,HTML学习(一)

一、什么是HTML?

HTML 是用来描述网页的一种语言。

1、HTML指的是超文本编辑语言;

2、HTML本身并不是一种编辑语言,而是一种标记语言(标记语言本事是用来被读取的,没有行为能力,是被动的;但是编程语言中有很多逻辑和行为能力的指令,是主动的);

3、标记语言是一套标记标签,HTML 使用标记标签来描述网页;

4、HTML文档包含 HTML标签和纯文本, 也被称为网页;

二、什么是HTML标签

1、HTML文档及HTML元素是通过HTML标签进行标记的。

2、标签由“开始标签”和“结束标签”组成;开始标签:是被括号包围的元素名;结束标签:是被括号包围的斜杠和元素名;

3、并不是所有的标签都有结束标签,


就是没有关闭标签的空元素。(
用来定义换行的标签);

空元素是在开始标签中关闭的;

三、常见的HTML标签

呵呵
呵呵
呵呵
呵呵
呵呵
呵呵

百度

夜色萦桐枝引凰

四、HTML元素

1、HTML元素:指的是从开始标签到结束标签之间的所有代码;

2、HTML元素语法:某些元素具有空内容,空元素在考试标签中进行关闭(以开始标签的结束而结束);

3、HTML元素的嵌套:即HTML元素内包含其它HTML元素。

4、希望大家养成使用结束标签的习惯,因为可能会产生不可预料的结果或错误;

五、现在分别介绍一下HTML 一些常用标签的使用

1、


标签作用:在HTML页面中创建一个水平线;

2、在safari设置中查看网页源代码的方法:“鼠标右键”->"检查元素";

3、
标签作用:进行换行;它本身就是一个空的HTML元素;

4、文本格式化标签:

:定义粗体文字; : 定义斜体字;

: 定义大号字体; : 定义小号字体;

: 定义着重文字; : 定义加重语气;

: 定义下标字; : 定义上标字;

: 定义插入字; : 定义插入字;

5、链接使用

被用来创建“锚”,href 属性用于定位需要链接的文档,

锚的开始标签和结束标签之间的文字被称为:超级链接;

例:百度

name属性:用于创建被命名的锚。使用被命名的锚,可以跳转到网页的指定位置;

例:

回到顶部//点击这个位置;

这里是顶部//会直接跳转到该位置;

也可以实现不同界面的跳转:

去第二个界面

六、创建HTML表格

1、表格使用

标签定义;
第一行第一列 第一行第二列
第二行第一列 第二行第二列

2、表格的边框修改:

3、如果某个表格内容为空,使用 &nbsp 进行站位;

4、使用 colspan 进行跨列的合并;rowspan 进行跨列合并;

七、创建HTML列表

1、 :无序列表开始于

  • 标签,内容每项始于
  • ;
    • 小风扇
    • 小水杯
    • 大屏幕

    2、:有序列表开始于

    1. 标签,内容每项始于
    2. ;

      :类型可选择

      1. 小风扇
      2. 小水杯
      3. 大屏幕

      3、:以

      开始;

      每个列表项的定义以

      开始;
      夜凰
      夜色萦桐枝引凰
      墨觞
      墨泣如诉满卷觞

      八、创建HTML表单

      HTML表单用于搜索不同类型的用户输入。

      1、表单:是一个包含表单元素的区域;表单使用表单标签

      定义;

      2、输入:多数情况下,被用到的表单标签是输入标签定义。输入的类型是由定义的,

      例:

      账号:

      密码:

      性别:男 女

      体育爱好:

      篮球

      足球

      橄榄球

      乒乓球

      上传头像:

      确定:

      谁:

      who

      where

      效果:

      ![屏幕快照 2016-07-06 下午7.47.58.png](http://upload-images.jianshu.io/upload_images/2362554-0b01c4604ca3196b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

      九、创建HTML图像

      1、图像标签 和 源属性(Src) ;

      为空标签,只包含属性,没有闭合标签,想要在页面上显示图像,需要使用源属性(Src):

      定义语法:1.png,参数为图像所在位置;

      十、HTML媒体

      1、音频:以标签开始。

      2、视频 :以标签开始。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值