Day21总结-2019/08/19

html标签

1.主体标签

Tags 作用/意义
<html></html> 定义整个html文档
<head></head> 文档头标题
<title></title> 文档标题
<body></body> 文档主体
<style></style> 文档样式
<meta> 文档信息

2.文本标签

Tags 作用/意义
<h1></h1>~<h6></h6> 六级标题
<hr> 分页线
<br> 换行符
<p></p> 段落标签
<strong></strong> 文本加粗
<em></em> 文本倾斜
<ins></ins> 插入线
<del></del> 删除线
<sup></sup> 上标
<sub></sub> 下标
<button></button> 点击按钮
<figure> <img><figcaption> </figcaption></figure> 图片显示

3.列表标签

Tags 作用/意义
<ol></ol> <ul></ul> 定义列表
<li></li> 一行的内容
<dl><dt></dt></dl> 自定义列表

注意:
<ol>和<ul>与<li>搭配使用
<dl>和<dt>搭配使用

4.链接标签

Tags 作用/意义
<a></a> 1.页面链接;2.锚点链接

5.脚本编程

Tags 作用/意义
<script></script> 内容编程的标签

6.块与

Tags 作用/意义
<div></div> 块标签
<span></sapn>

7.内部框架

Tags 作用/意义
<iframe></ifranme> 内部框架插入其他页面

8.视频与音频

Tags 作用/意义
<audio> <source> </audio> 音频标签
<video> <source> </video> 视频标签

9.表单

Tags 作用/意义
<form></form> 表单标签
<fieldset></fieldset> 表单分块
<legend></legend> 分块表单的标题
<textarea></textarea> 文本内容
<select><option></option></select> 多个选择
<input> 选择标签,内置属性type的值不同功能不一样
type="text" 文本框
type="password" 密码输入框
type="radio" 单选
type="checkbox" 多选
type="date" 日期
type="tel" 电话
type="email" 邮件
type="file" 头像
type="number" 数字
type="submit" 提交
type="reset" 重置

10.表格

Tags 作用/意义
<table></table> 定义表格
<tr></tr> 表格行
<td></td> 表格列
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,321评论 1 41
  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,394评论 0 2
  • html是什么:超文本标记语言 html的唯一作用就是:给指定的文本添加语义。 html的标准格式: <!DOCT...
    Lins7阅读 1,024评论 0 2
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • 刚才哥出去了一趟,闻到了焦味,呵呵,路上闻到的,你猜哪儿?饭店,哥就奇怪,她们真的厉害,能做到糊。 ...
    我叫王一一阅读 215评论 0 0