博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML基本标签
阅读量:7198 次
发布时间:2019-06-29

本文共 2644 字,大约阅读时间需要 8 分钟。

HTML 是用来描述网页的一种语言。

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

HTML基本标签

<!DOCTYPE html>

html5中<!DOCTYPE html>相当于让浏览器以标准模式解析渲染页面,如果你的页面没有DOCTYPE的声明,那么默认就是以怪异模式去渲染解析,那么,在不同的浏览器就会显示不同的样式。

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 标签之前。

<html> 与 </html>

<html>与 &lt/html>标签限定了文档的开始点和结束点,其中由<head>和<body>标签组成。

<head>与</head>

<head>与</head>定义html文档的头部,里边的内容并不会给读者显示,只是描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。例如引入css文件。

<body>与</body>

<body>与</body>中存放文档的主体内容,用来显示给读者。

<meta>

<meta> 标签永远位于 head 元素内部。

meta标签共有http-equiv和name两个属性。

//这里的content的值中写网站的相关关键字,用来给搜索引擎去搜索。
//这里的content的值写一些网站的相关介绍,一段描述性的话。
//指网页打开后经过2秒刷新到url指定的页面,不填url默认为原打开的网页
//编码方式

<title>与</title>

<title>与</title>中的内容显示在浏览器窗口的标题栏或状态栏上,用来定义文档的标题。

<link>标签用来连接外部资源。

用来定义浏览器窗口的标题栏或状态栏上的图标。
连接样式表

<hn>与</hn>

标题标签,n可以为1-6.

<p>与</p>

段落标签,是块级标签

<b>与</b>

加粗文本

<del>与</del>

表示删除文本,例如<del>这里是删除</del>会显示为这里是删除

<ins>与</ins>

下划线文本,例如<ins>这里有下划线</ins>会显示为这里有下划线

<br>

插入一个换行符

<hr>

插入一条水平线

<div>与</div>

<div>就像是一个盒子,限制了一块区域,里边可以存放其他内容,是块级标签,一般用来通过css定义样式

<span>与</span>

<span>和<div>类似,但它是一个内联标签。

<img>

img用来插入图片,有很多属性

图片未加载成功显示的文本

<a>

超链接标签或者为锚标签

博客园//target="_block以一个空白页打开博客园//跳转到id为id的锚

<ul>

无序列表

      
  • 列表项
  •   
  • 列表项
  •   
  • 列表项

<ol>

有序列表

<dl>

定义列表

标题
内容
标题
内容

<table>

表格标签

Month Savings
January $100

th为表头,td为单元格,tr定义表格行

属性有
border 定义表格边框宽度
cellpadding 规定单元边沿与其内容之间的空白
cellspacing 规定单元格之间的空白
width 表格宽度
等。。

<form>

属性

表单标签,用于接收用户的输入,完成与后端的传输

action属性规定当提交表单时向何处发送表单数据,值为url
method属性规定用于发送 form-data 的 HTTP 方法。
  get: 1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制
  post:1.提交的键值对 不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.

元素

<input>

属性:type:

     text 文本输入框
     password 密码输入框
     radio 单选框
     checkbox 多选框
     submit 提交按钮
     button 按钮
     file 提交文件:form表单需要加上属性enctype=”multipart/form-data”,请求方式必须是post
     reset 刷新表单,重置表单
   name:表单提交的键名,如一套多选框或单选框的name应该一样
   value:表单提交的值
   checked: 默认被选中
   readonly: 将表单内容设置为只读,即不能修改,但可以选择,可以复制,用于text或password
   disabled:表示禁用该input元素

<select>  

下拉选项

属性:name:键名

   size:显示的选项个数
   multiple:多选
   option中selected属性表示默认被选中

<textarea> 

文本域

属性:name:键名
   rows:行数
   cols:列数

<label></label> 

为input元素定义标记

其中for属性可以指定id,表示与其绑定,点击lable中的内容,会自动转移到绑定的元素中

<fieldset></fieldset> 

为表单元素分组

健康信息 身高:
体重:

显示为


转载于:https://www.cnblogs.com/sfencs-hcy/p/9812842.html

你可能感兴趣的文章
http文件导出写文件
查看>>
Globus的简单介绍
查看>>
[LeetCode] Search Insert Position 解题报告
查看>>
c# 的传递参数值传递与传递引用的区别,ref与out区别
查看>>
win7+vs2008+cuda5.x 环境配置二
查看>>
PHP5.5安装PHPRedis扩展
查看>>
c#Socket Tcp服务端编程
查看>>
java构造函数注意点
查看>>
Asp.net 中配置 CKEditor和CKFinder
查看>>
Use dynamic type in Entity Framework 4.1 SqlQuery() method
查看>>
《Python CookBook2》 第四章 Python技巧 - 若列表中某元素存在则返回之 && 在无须共享引用的条件下创建列表的列表...
查看>>
redhat网卡设置
查看>>
javascript 的作用域
查看>>
JFinal极速开发框架使用笔记(二) 两个问题,一个发现
查看>>
AutoCompleteTextView
查看>>
SecureCRT生成序列
查看>>
Android 应用程序主框架搭建
查看>>
2012腾讯春季实习生面试经历(二)
查看>>
用Bootstrap框架弹出iframe页面 在弹出的模态框中载人iframe页面,bootstrapiframe
查看>>
2012腾讯暑期实习面经(技术类web前端)
查看>>