Html基础

1:什么是标签?

被尖括号“<>”包围的英文就是标签

例如 <div></div>

2:标签的名字?

标签==标记==元素

3:标签的分类?

第一种分类方法:

第一种:双标记标签    例如:<p></p>    <span></span>...

第二种:单标记标签  

<img src="" alt='' title=''>

<br/>

<hr/>

<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" href=""/>

<!DOCTYPE html>

第二种分类方法:

行元素

块元素

行内块元素

4:行,块,行内块,元素的特点:

行元素的特点:同占一行,不排斥其他元素,不可以设置宽高

块元素的特点:独占一行,排斥其他元素,可以设置宽高

行内块元素的特点::同占一行,不排斥其他元素,可以设置宽高

5:行元素标签都有哪些:

<img src="" alt="" />

<a href="" target="blank"></a>

<span></span>


不重要

<i>斜体</i>

<em>斜体</em>

<strong>加粗</strong>

<b>加粗</b>

<s>删除</s>

<del>删除</del>

<mark>标记</mark>

下标

上标

<u>下划线</u>

6:块元素标签都有哪些:

<div></div>

<p></p>

<hr />

<br />

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

<ul>

<li></li>

</ul>

<ol>

<li></li>

</ol>

<dl>

<dt></dt>

<dd></dd>

</dl>

<table></table>

<tr></tr>

<th></th>

<form></form>

7:行内块元素标签都有哪些:

<td></td>

<input type="text" name="" id="" value="" />

<input type="password" name="" id="" value="" />

<input type="button" name="" id="" value="" />

<input type="submit" name="" id="" value="" />

<input type="reset" name="" id="" value="" />

<input type="radio" name="" id="" value="" />

<input type="checkbox" name="" id="" value="" />

<select name="">

<option value=""></option>

</select>

<textarea name="" rows="" cols=""></textarea> 多行文本框


<input type="hidden" name="" id="" value="" />

<input type="image" url='' />

<input type="file" name="" id="" value="" />

表格

border="边框"

cellspacing="控制单元格与单元格之间的距离"

cellpadding="单元格变大"

colspan 跨列合并列 水平

rowspan 跨行合并行 垂直

text 文本框

  type 规定元素的类型

  placeholder 提示信息

  value 提示信息

  password 密码

  button  普通按钮

  submit 提交按钮

  reset 重置按钮

textarea 多选文本框

rows控制行

cols控制列

<textarea rows="3" cols="4"></textarea>`
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、文本介绍 1.页面组成元素 在 HTML 中,主要学习如何做一个静态页面。 一个静态页面绝大部分由以下4种元素...
    見贤思齊_阅读 3,938评论 0 1
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,370评论 2 21
  • 一、HTML简介 1、HTML是什么? HyperTextMarkupLanguage 超文本(功能丰富)标记(标...
    千年幸福论阅读 5,594评论 0 2
  • 一些说明 写在前面:HTML和CSS,当你了解所有规则后,你应该多写页面并记录你出现的问题,这才是学习HTML和C...
    lifeColder阅读 4,005评论 0 3
  • 新的征程 web前端介绍 web前端开发做什么 pc端web开发;移动端web开发;混合app开发;网页游戏/移动...
    Viarotel阅读 2,784评论 0 5