标签：总结 1.4 HTML 标签 html 3.11 3.8 属性

html

• 1.HTML的基本概念
• 2.HTML基础
• • 2.1标签分类
  • • 2.1.1双标签
    • 2.1.2单标签
  • 2.2特殊符号
• 3.HTML常用标签
• • 3.1标题标签< h 1>
  • 3.2 段落标签< p >
  • 3.3换行标签
  • 3.4水平线标签< hr>
  • 3.5图片标签< img >
  • 3.6表格标签< table >
  • • 3.6.1相关标签
    • 3.6.2单元格合并
  • 3.7视频/音频标签< video >/< audio >
  • 3.8导航标签< a>
  • • 3.8.1常用属性
    • • 3.8.1.1 href
      • 3.8.1.2 name
      • 3.8.1.2 target
  • 3.9框架标签
  • • 3.9.1作用
    • 3.9.2属性
  • 3.10 布局标签< div>/< span>
  • • 3.10.1 含义
    • 3.10.2 div中的浮动
  • 3.11表单标签< form>
  • • 3.11.1常用标签
    • • 3.11.1.1 form
      • 3.11.1.2 fieldset
      • 3.11.1.3 legend
      • 3.11.1.4 input
      • • 3.11.1.4.1 type
        • 3.11.1.4.2 id
        • 3.11.1.4.3 readonly
        • 3.11.1.4.4 required
      • 3.11.1.5 button
      • 3.11.1.6 select
      • 3.11.1.7 textarea
  • 3.12列表标签ul/ol
  • • 3.12.1概念
    • 列表引用

1.HTML的基本概念

1.HTML 使用标记标签来描述网页HTML 指的是超文本标记语言 (Hyper Text Markup Language)
2.HTML 不是一种编程语言，而是一种标记语言 (markup language)
3.标记语言是一套标记标签 (markup tag)
4.HTML 使用标记标签来描述网页

2.HTML基础

2.1标签分类

2.1.1双标签

<p>双标签</p>      

2.1.2单标签

<br/>  <!-- 单标签（换行标签）-->

2.2特殊符号

&lt;   <   小于号或者标记
&gt;   >   大于号或者标记
&nbsp;     一个英文空格

3.HTML常用标签

3.1标题标签< h 1>

<h 1>-<h 6>：字体逐渐减小

3.2 段落标签< p >

< p >< /p >

< p>标签常用于在文本中输入一些文字
注意：不要在< p></ p>中间插入空格。我们一般可以用< /br >（换行标签）来代替它。

3.3换行标签

换行标签：< br >

3.4水平线标签< hr>

水平线标签（horizontal line）:< hr >

3.5图片标签< img >

在页面显示图片< img src="" title="" alt=""/>

1.src:图片的地址：

• 绝对路径
• 相对路径
• 网络路径URL

2 .title

title:当鼠标移动到图片时的提示（一般是该图片的名字）

3 .alt

alt：当图片无法显示时，显示alt中的文字

3.6表格标签< table >

3.6.1相关标签

实例：

3.6.2单元格合并

1.列合并 colspan=“列数量”

2.行合并 rowspan=“行数量”

注意：当使用行合并时，第一行使用时，其余行的位置都已经被占用！！！！！！！

3.7视频/音频标签< video >/< audio >

3.8导航标签< a>

作用：页面跳转
< a >

3.8.1常用属性

3.8.1.1 href

跳转路径：相对路径/URL

3.8.1.2 name

name属性和href属性一起使用，表示跳转到name中的指定位置

3.8.1.2 target

指定导航出现的位置，一般配合< iframe >框架标签使用

3.9框架标签

3.9.1作用

在页面中引入其他页面

3.9.2属性

name:定义iframe框架名称，a标签中的target要引用

注意：< iframe >中的name属性名字要与< a>标签中的target属性名字要一致。

注意：如果没有< iframe name="">坦克介绍将在另一个界面打开，而不会在同一界面。

3.10 布局标签< div>/< span>

3.10.1 含义

< div >表示一个块，作为其他标签的容器
< span >表示在< div >中插入一个不换行的< span >标签

3.10.2 div中的浮动

• 一个设置float:left，一个不设置
  
  
  2.两个都设置为float:left
  

3.第三个清除浮动效果

3.11表单标签< form>

3.11.1常用标签

3.11.1.1 form

属性

• action:跳转的后台地址（地址、url）
• method：GET（默认）、POST

3.11.1.2 fieldset

边框

3.11.1.3 legend

边框上的说明信息

3.11.1.4 input

3.11.1.4.1 type

1.text：文本

2.password：密码不可见


3.date：日期格式


4. reset：取消按钮 value


5.submit：提交按钮，value属性设置按钮文本


6.file：文件上传


7.checkbox：复选框


8.radio：单选框

3.11.1.4.2 id

每个组件唯一的名称

3.11.1.4.3 readonly

不可以输入，只可以读

3.11.1.4.4 required

必须填写

3.11.1.5 button

按钮

• type：1.button：普通按钮 2.submit：提交按钮（默认） 3.reset：取消按钮

3.11.1.6 select

选择框组件

3.11.1.5.1 option

选项

• value：选项的值
• 
• 文本（标签中的部分）：显示的内容

3.11.1.7 textarea

文本域

3.12列表标签ul/ol

3.12.1概念

列表引用

< ul >和< li>标签一般用于做导航条

标签：总结,1.4,HTML,标签,html,3.11,3.8,属性
来源： https://blog.csdn.net/weixin_53310322/article/details/120831075

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。