首先呢,介绍一下,我是先在慕课网上学习的,原本在极客学院学习的,后因为感觉教程不太适合新手(其实是0基础啦),所以就换做慕课网学习了。慕课网学习真心不错,它有在线网页编写代码的功能,新学员们可以实时的观看自己写出的代码是否有效哦!
好了,废话不多说,直接进入主题吧。
恩恩,今天呢,我主要的是HTML中的简单标签用法和表单的创建。
一、标签
1、我整理了一下,大致有 html标签、<head>标签、<title>标签、<body>标签、<hx>标签、<span>标签、<strong>标签、<em>标签、<q>标签、<blockquote>标签、<br>标签、<hr>标签、<address>标签、<code>标签、<pre>标签、<ul>标签、<ol>标签、<li>标签、<div>标签、<table>标签、<caption>标签、<a>标签、<p>标签、<img>标签等等
2、举几个简单的例子。
(1)<p>标签:定义文章的段落
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> p标签</title>
</head>
<body>
<p>number1</p>
<P>number2</P>
</body>
</html>
这行几行代码在网页中显示的效果就是:
number1
number2
(2)<span>标签:设置单独样式
<!DOCTYPE HTML>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
<style>
span{
color:blue;
}
</style>
</head>
<body>
<span >你好世界</span>
</body>
显示的效果为:
你好世界
二、表单的创建
1、所谓表单,其实就是用它来将浏览者上输入的数据传入到服务器上,以便服务器能够处理这些数据。
2、使用表单与用户交互的语法:
<form method="传送方式" action="服务器">
</form>
3、讲解:
(1)action:浏览者输入的数据传送的地方,比如一个PHP页面(save.php)
(2)method:数据传送的方式
*******************************************************************************************************************
好了,今天先说到这里,谢谢大家的支持!
原标题:前端小白的心声
关键词:前端