你的位置:首页 > 网页设计

[网页设计]前端小白的心声


  首先呢,介绍一下,我是先在慕课网上学习的,原本在极客学院学习的,后因为感觉教程不太适合新手(其实是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:数据传送的方式

*******************************************************************************************************************

  好了,今天先说到这里,谢谢大家的支持!