HTML常见标签与基本语法

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

常见的标签

1:标题标签:在html当中认为定义了六种标题分别h1-h6,他们都是双标签,在一个网页当中,只允许出现一个h1

2:段落标签:p(双标签)

3:换行标签:br(单标签)

4:空格:&sbnp;

5:图片标签:img src='图片路径'

6:target="_blank":在新窗口打开连接

7:from:如果想讲前台数据提交给后台必须使用from表单

8:input:配合from表单一起使用 负责为页面提供数据
input标签属性:

             1.type='text' 出现一个文本输入框
             2.type='radio' 配合name属性且name属性一致会出现一个单选框
             3.type='checkbox' 多选框
             4.type='submit' 出现一个提交按钮
             5.checken='checken' 默认选择
             6. 出现一个可以写信息的窗口
             7.下拉菜单:select 下拉选项(包含着下拉框里面的标签)option
             8.重置按钮:type='reset'
             9.普通按钮:type='button'
            10.input标签里面使用placeholder='输入内容为提示内容'

9:布局标签:
       1.div:HTML中最大的一个标签,跟普通标签没有区别,相当于一个大盒子。
  
       2.span:是一个布局常用标签,它里面一般用来放文字,我们会认为这个标签非常的小。

10:音频标签:
    audio:添加对应的文件地址后,默认不会显示,需要添加 controls属性才能播放,autoplay属性为自动播放,但是有些浏览器不支持(火狐支持)。
    例格式:
        
注:
    1:autoplay:用来设置自动播放
    2:controls:调用当前设备的播放控制
    3:loop 设置当前音频循环播放
    4:默认audio例的文字不显示,只有在当前浏览器不支持这个标签的时候会显示文字。

11:视频标签
    video:使用与音频一样。

标签书写语法

在HTML中允许对个标签互相嵌套使用,但是不允许交叉嵌套。

Web标准

1:所谓web标准就是一系列规范网页书写的要求,它是由W3C组织制定,在它里面要求网页的 结构+样式+行为 三者相分离
2:名词解释
         结构:解释通过HTMl标签搭建的网页的结构
         样式:就是通过CSS对当前的网页结构进行修饰和美化
         行为:通过JS让网页可以理解用户的一些操作,从而用户与网页之间产生交互

HTML三大元素分类

概述:在HTML当中本身定义了很多的元素,这些元素默认在网页上展示的时候回存放在自己默认的状态,例如有些元素默认情况下宽高属性不起作用,有些元素默认情况下都独占一行显示,这种现象我们就称之为元素展示类型,为了记忆我们人为的将元素展示类型分为三种:块元素 + 行内元素 + 行内块元素

1:块元素:当同时存在多个块元素时,每个块元素都会独占一行显示,且默认情况下它的宽高属性可以起作用。

2:行内元素:当同时存在多个块元素时,这些元素都会显示在一行,如果一行放不下自动换行,默认情况下它的宽高属性不起作用。

3:行内块元素:当同时存对个行内块元素时,这些元素会显示在一行,默认情况下它的宽高属性起作用。

4:注:不需要去死记哪些元素的 块、行内、行内块元素。

5:css中定义了一个叫display的属性,可以进行元素转换
            5.1:block 转换成块元素
            5.2:inline 转换成行内元素
            5.3::inline-block 转换成行内块元素

转载于:https://my.oschina.net/u/4142063/blog/3056668

你可能感兴趣的:(HTML常见标签与基本语法)