HTML基础(一)HTML标签
前端的三把利器:
HTML:可以比喻成一个赤裸的人,未加任何修饰的
CSS:华丽的衣服,给赤裸的人穿上衣服,用来修饰HTML
JS(JavaScript):让穿上衣服的人动起来,赋予用CSS修饰后的HTML的行动能力
HTML(超文本语言)
html代码实际上就是一整套可以被浏览器所识别的规则的代码,由一个个的标签组成。html代码实际上就是一大长串的字符串,而这种字符串的格式正好能够被浏览器所识别,也就有了我们的WEB页面。每种标签都有自己的特定的含义以及一些特性。
后端与前端的交互方式
1、后端通过直接返回浏览器能够识别的html代码
2、后端返回数据,前端替换html种的指定数据
HTML标签
1、自闭和标签
<meta> 像这种只有一对尖括号包裹的就是自闭和标签
2、主动闭合标签
<a></a>像这种有两对尖括号包裹的就是主动闭合标签,它们都是成对使用的
一、html head
在head里面的内容都是些修饰的,内部的东西,不会在页面上展示出来,除了title,就是浏览器中tag页上的标题
<meta charset="UTF-8"> :指定编码
1.http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值
meta标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值">
1) refresh 刷新:自动刷新并指向新页面
<meta http-equiv="refresh" content="2">:每2秒钟刷新一次页面
<meta http-equiv="refresh" content="2;Url=http://www.imdsx.cn">:页面打开2秒后跳转至http://www.imdsx.cn页面
2. name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:<meta name="参数" content="具体的参数值">
1) keywords 关键字:用来告诉搜索引擎你网页的关键字是什么
<meta name="keywords" content="test">
2) description 网站内容描述:用来告诉搜索引擎你的网站主要内容
<meta name="description" content="测试工程师">
<link rel="shortcut icon" href="tubiao.ico">
<h1></h1> 标题标签h1
<h2></h2> 标题标签h2
<h3></h3> 标题标签h3
<h4></h4> 标题标签h4
<h5></h5> 标题标签h5
<h6></h6> 标题标签h6
c.<div></div>:块级标签,整满整行 div是HTML中出场率的标签,特点是没有任何属性,可以通过css进行装饰后成为任何一种标签
例:<div>自动化测试</div>
d.<span></span>:行内标签的代表,什么属性都不带,可以通过css进行装饰后成为任何一种标签
例:<span>自动化测试</span>
e.<form></form>:表单标签,可以理解为载体,承载着所有要向后端提交的数据,通常与input连用,表单提交数据分为get提交和post提交,get提交在url上挂参数,post提交在body中
例:post:<form action="/login" method="post">
<input type="text" name="username"/>
![](/assets/blank.gif)
![](/assets/blank.gif)
例:<select name="city" size="3" multiple="multiple">
![](/assets/blank.gif)
![](/assets/blank.gif)
转载于:https://www.cnblogs.com/nickey85/p/10071371.html
HTML基础(一)HTML标签相关推荐
- CSS基础选择器之标签选择器(CSS、HTML)
CSS基础选择器之标签选择器(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta ...
- 前端基础HTML-基础标签
前端基础HTML-基础标签 01-标题标签 <h1>1级标题</h1><h2>2级标题</h2><h3>3级标题</h3>< ...
- 050.前端开发之HTML基础及常用标签
050.前端开发之HTML基础及常用标签 文章目录 一.前端开发介绍 (一)前端开发都有哪些内容 1.HTML是什么? 2.CSS 3.JavaScript 4.HTML.CSS和JavaScript ...
- P4-前端基础-语义化标签
P4-前端基础-语义化标签 1.概述 在网页中HTML专门用来负责网页的结构 所以在使用html标签时,应该关注的是标签的语义,而不是它的样式 2.语义化标签介绍 2.1.标题段落 &l ...
- HTML的学习心得和知识总结(二)|HTML基础和高级标签汇总
目录结构 HTML基础和高级标签汇总 文章快速说明索引 HTML 的基础标签 HTML 的高级标签 文章快速说明索引 学习目标: 可视化和部分交互功能的前端开发内容的学习:HTML CSS JavaS ...
- HTML基础:label标签的for属性
HTML基础:label标签的for属性 1.基本用法: 将一个 <label> 和一个 <input> 元素相关联可以点击关联的标签来聚焦或者激活这个输入元素,就像直接点击输 ...
- 【每日学习Mybatis中基础】trim标签使用
2019独角兽企业重金招聘Python工程师标准>>> 1.trim基础 trim标签的四个属性 prefix(前缀),prefixOverrides(去掉第一个and或者是or), ...
- HTML学习总结 基础篇 图像标签imag的使用及其属性
图像标签 在HTML中,用img标签显示图像. 语法格式: < img src=" 图像路径">,src为必须要写的元素,用于指定文件的路劲和文件名 属性 属性值 说明 ...
- 6—CSS基础选择器(标签选择器、类选择器、id选择器)
css简介 css是层叠样式表的简称,css主要用于设置html的文本内容.图像的外形以及版式的布局和外观显示样式.css让我们的网页更加丰富多彩,布局更加灵活自如. css语法规范 css规则由两个 ...
- HTML基础之常用标签第二篇:有序无序标签,以及框架标签
上一篇聊了一些HTML中的一些基础标签,现在开始再聊HTML中的一些其它标签,比如有序无限标签,还有一些框架标签.表单标签涉及内容有点多,后面再来一篇. li <li> 标签定义列表项目. ...
最新文章
- 深度学习时代的数据科学和自然语言处理
- 修改 IE 查看源文件默认工具
- Oracle数据库设计要做到五戒
- 在CentOS6.5上安装Tomcat7
- TCP的几个状态(SYN/FIN/ACK/PSH/RST)
- php dump utfp,php pchart乱码-使用REST接口获取GeoServer中的...-结合 thinkPHP 分页写成自己分页类_169IT.COM...
- Volley学习总结
- 《DSP using MATLAB》示例Example 8.10
- C语言将raw转为bmp,RAW格式数据转BMP格式数据
- gnuplot 常用命令大全
- uses-sdk标签详解
- 2020年被“冰封”的猫眼、淘票票、大麦们,还能看见春天吗?
- 知识小结------数据分析------Cox比例风险回归模型(proportional hazards model)
- 面试必须学会的八大技巧——让你在面试官面前游刃有余(面试注意事项等)
- Python数据可视化Matplotlib学习
- Debug:‘boost::this_thread‘ has not been declared; undefined reference to ‘boost::this_thread...‘
- 让你的 Android 应用拥有微信一样的实时沟通体验【转自 丰俊文】
- php获取蓝凑云文件列表,蓝奏云网盘登录获取文件例程
- Mac OSX中设置路由
- MOSS SDK学习(5)