html标签

前言:

html文档由嵌套的html元素组成。
注释:<!-- -->

标签:

  1. 文本解释标签,默认情况不区分大小写。必须用在开头,便于浏览器识别使用语言版本快速解释:<!DOCTYPE html>------表示使用html5版本。
  2. 结构标签包含:跟标记、头标记、主体标记。头标记不显示,可以添加一些标注、解释等。<html><head></head><body></body></html>
  3. 标题标记,用于表示文档内容的标题内容,以及标题内容的级别。黑体、加粗、自动换行。<h1>~<h6>
  4. <span></span>行内元素。和其他元素都在一行上,高,行高及外边距和内边距部分可改变。
  5. 段落标记,用于表示内容是一个段落。高度与内容有关,铺满整个页面,且段落上下自动换行。<p></p>
  6. <div></div>,块级元素。
  7. 水平线<hr/>
  8. 换行标记,用于段落内部的换行<br/>
  9. 文本标签:粗体<b></b><strong></strong>斜体<i></i><em></em>定义大字体的文字 不符合标准网页设计的理念,不赞成使用<big></big>小字体<small></small>下划线<u></u>删除线<del></del>上标<sup></sup>下标<sub></sub>上标下标每使用一次都占据一个位置,不可能同一位置上既有上标又有下标,如硫酸根离子是不能如手写一样呈现的。
  10. 列表标签:无序列表标记,<ul></ul>表示列表所包含的项是没有先后顺序的;有序列表标记,<ol></ol>表示列表所包含的项是有先后顺序的;都与列表项<li></li>结合使用。可以单独使用列表项。自定义列表<dl></dl>是项目及其注释的组合。<dt></dt>标明一个术语要说明的对象,<dd></dd>列表项说明。使用样式:<dl><dt><dd></dd></dt></dl>
    列表项说明
    总结:
  • 标签成对出现,不区分大小写。若内容为空可以用<makrup />样式,不必再写结尾标记。如:<img src=# />
  • 行内元素只能容纳文本或者其他行内元素。宽度只与内容有关,即不可修改。块元素,总是在新行上开始,占据一整行;高度,行高以及外边距和内边距都可控制;宽带始终是与浏览器宽度一样,与内容无关;它可以容纳行内(内联)元素和其他块元素可修改display属性设置,可以设置宽高。
  • 列表标签:列表项可以单独使用。<li></li>,铺满整行,样式前占据大概70像素,无法去除。
  • 超链接,可定义打开新页面target="_blank"。使用id属性。可设置锚点进行网页内的上下跳转。定义锚点<span id=“moveto”></span>定义指向该锚地的链接<a href=“#moveto”>moveto</a>。可以发送邮件<a href= "mailto:496575233@qq.com" >QQ</a>
  • 表格,列合并rowspan,行合并colspan
  • 表单,向指定页面提交信息。提交时通过按钮的name属性向action中指定的url提交value值,因此若想要提交信息,必须有name属性,value(除textbox标签外)。value值绝对不能设置为空,应该设置为真正提交的内容。如,设置男女,value应设置为男或女,当单选被选中时会提交男或女,而不是checked。复选框、单选框必须有一个统一的名称。选中状态为checked。下拉列表框使用嵌套形式,默认状态selected。<select name="..." size="..." multiple><option value="..." selected>...</option>...</select>。多行文本框需要设置行与列。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值