黑马程序员技术交流社区

标题: 【厦门JavaEE就业1期-每日总结】HTML [打印本页]

作者: 厦门校区 时间: 2018-5-14 17:14
标题: 【厦门JavaEE就业1期-每日总结】HTML
本帖最后由厦门校区于 2018-5-14 17:21 编辑

同学们，以下是今日任务，以案例为主，重点是表格与表单，请大家在敲案例的过程中熟悉各标签的使用，然后以口语化的方式在评论区提交你的每日总结，谈谈你对今日重点知识的理解!

网站信息页面案例
网站图片信息页面案例
网站友情链接页面案例
网站首页案例
网站注册页面案例
网站后台页面案例

作者: 六道的骸6 时间: 2018-5-14 21:22
张裕
今天的课,上午的感受是啥前端那么简单的吗,下午的感受是这都是啥啥啥啊,头痛

HTML:超文本标记语言用于制作页面其中表单需要重点掌握

方法太多主要需要掌握字体标签<font> 图片标签<img src> 超链接标签<a> 表格标签<table>

重点掌握表单元素<form> 属性有 action 属性为页面数据要提交的路径
method 请求方式 get有大小限制并且会显示在地址栏中不安全
POST 没有大小限制且不显示在控制台相对安全
type选择导入的框记得要用 name 存储输入的数据返回给数据库

作者: Do1 时间: 2018-5-14 21:46
标题: 1
本帖最后由 Do1 于 2019-8-31 09:10 编辑

1111111111111111111111111111111111

作者: AsusCoder 时间: 2018-5-14 21:48
名：曾耀峰

HTML——超文本标记语言总结
一、前言
HTML文本又称为超文本标记语言，英语全称为Hyper Text Markup Language。是一种可以组织文本，链接，图像，媒体等元素的网页编辑语言,它的语言结构由标签构成。在计算机编程语言中，HTML算是一种低级语言，与Java、C++等可编译的高级语言相比，HTML不具备有编译发现错误的功能，之前有XHML这样较为严谨升级版语言，但是并没有获得浏览器厂商的认可。因为HTML这种不严谨，使多数人花少部分时间即可学好。因此在编写网页的时候，除了特别小心，时常运行查看效果以外，还是建议少使用HTML标签代码。一些修改元素外观的功能，建议使用CSS样式来代替标签。
大部分网页都有文本、超链接、图像、声音、视频等元素，因此这些元素是使用频率比较高。HTML有近百个标签，大部分不常用记住了也没用，简单地了解一下即可。现在总结一些比较常用的标签。
一、块级标签、内联标签:
在学习之前，有必要了解一下块级标签和内联标签这两个概念。
块级标签指的是该标签必须独立存在一行。
内联标签可以多个标签一起存在一行。
常见的块级标签:<p>标签，<div> ,<ul>,<table>,<font><input><h1-h6>等
常见的内联标签:<a>标签，<img>标签,<a><meta><title>等标签，
二、标签：
1.超链接标签<a>
超链接标签是一个使用频率极高的标签，可以存放一个指向其他链接的链接。其属性有
Href：存放链接的路径:可以是本地的一个网页硬盘存放路径，或者是以”http://”开头的网站网址。
   Target:打开的方式。_self是直接本页跳转到其他网页。_blank是打开一个新窗口
另外超链接还有锚点定位一个网页不同位置的功能。

2.文本标签
<p>标签是文本标签，是一个块级标签。声明一个p元素独立一行。
<h1>~<h6>标签是标题标签。该标签不仅仅是一个使文本加大加粗的标签。搜索引擎在定位你的网页时也定位你的标题，因此SEO方面要慎用标题标签
<hr>一个直线间隔标签
<br>折行标签。空的块级标签。
另外像<br> <font><b><strong><u>等改变文本样式的老式标签已经逐渐被淘汰，这些功能在css中都具有，因此不用掌握
图像标签:
<img>标签能存放图片。其属性有src 存放图片来源;width,height属性修改图片的大小;alt 属性:当图片找不到的时候给用户的提示
这里想总结的是src的路径问题:例如
<img src="cs10006.jpg" />在同一级路径
<img src="./cs10006.jpg" />上一级路径
<img src="../cs10006.jpg" />上两级路径一个“.”号表示向上翻一个路径

3.列表标签:
掌握无序标签<ul><li>系列：<ul></ul>是声明一个无序标签，是一个能独立一行的块状标签。<li>标签是<ul>里面的每项标签声明。通过样式可以修改无序标签的前面的点号。常用来做网站的导航
4.表格标签
<table>标签，是块状标签。声明一个表格。其子标签有
<tr>一行
<td>一列
格式如下：
<table>
  <tr>
<td></td>
</tr>
</table>
掌握属性:
Width 表格宽度
Height 表格高度
Border 表格的边框厚度
Align:表格位置
表格合并 :
<td>的属性:
* colspan  =”列数”
* rowspan =”行数”
在没接触CSS的div和浮动布局之前，可以用表格标签嵌套表格标签的形式来对一个页面进行排版
利用表格嵌套来做布局。还是比较麻烦的。没有理解好高度与宽度的定义

5.<form>表单标签：
使用<form>表单标签可以将网页上用户的请求和输入的数据提交到服务器上。这个标签要用在需要提交请求的最外层。
<form>标签的属性有:
1.action:提交给哪个页面或者服务站点的链接。默认为提交到当前。
2.Method属性:有get值和port值。
Get值内容透明，会将用户提交的数据显示在地址栏中，并且提交的内容长度有限制。而port提交方法将数据封装在请求包中，对用户隐藏。并且提交的内容长度不限制。
从功能上来看，get方法几乎比不上port方法。大部分情况下选用port
3.组件：
使用form的表单组件，要注意每个组件都要有属性name字段，不然将是一个没有意义的标签。主要掌握<input>标签组件。根据其属性type，组件的类型有:文本框text,密码框:password,单选按钮radio,多选框:checkbox;普通按钮button,上传文件组件file,提交按钮submit。隐藏域hidden。
另外有两个不属于<input>组件的是下拉框<select><option>组件;还有文本域<textarea>
另外html5有添加一些新的form组件，由于没有全兼容浏览器不做掌握。

作者: 郑学馨 时间: 2018-5-14 21:48
郑学馨
重点:表单标签
1:什么是HTML
超文本标记语言(hyper text markup language)

2:怎么创建html文件

文件名.html或者文件名.htm

3:HTML基本结构标签
<html></html>/:斜杠表示代码结束
<head>:表示页面标题
<body>:表示主体
3.1:字体标签:font 属性:(size 1-7:字体大小)(face:字体款式

)(color:字体颜色)(U:下划线)(b:加粗)(i:斜体)
3.2:排版标签:(标题标签:h1-h6)(段落标签:p)(居中:center)
3.3:图片标签:(<img src="图片所在路径名">)属性:w是宽,H是

高,asign可以设置居中
3.4:列表标签:有序:<ol></ol> 属性:type设置顺序,无序

<ul></ul>属性;type设置列表头形状
3.5:超链接标签:<a herf="链接地址"target="_blank:打开方式

是新建一个页面打开">  <a herf="链接地址"target="_self:打

开方式是直接在当前页面打开">
3.6:表格标签:(table:属性:长/宽/居中/背景颜色/边框线条/)

中嵌套(tr:行标签)行中再嵌套(td:列标签)
行列的合并:列的合并:colspan(区分方法.列:中有L) 行的合

并:rowspan
3.7:重点:*表单标签:(form: 属性action="表单信息提交路

径"method="提交方法;有两种:get(不安全,有大小限制)post(安

全,无大小限制)")
**表单元素:(input type="元素")元素:text:输入信

息;password:输入密码;radio:类别选择,单选比如性别;file:上

传信息;hidden:隐藏信息不让修改;submit:提交信息按

钮;button:空按钮,无意义;checkbox:类别的选择,可以多

选;reset:清空设置重来;imgie:图片按钮;
*select:下拉选择;
*textarea:输入文本(文本域输入)
(表单标签除了记住上面这些功能外主要还是实际运用,需要注意

一些格式:例如radio\checkbox\select)
* <input type=”radio”> :单选按钮.
* 常用的属性:
      * name :表单元素的名称.必须有name属性，然后后台

才可以接收数据.
      * value :单选按钮的默认值.
      * checked:单选按钮默认被选中.

* <input type=”checkbox”> :复选按钮.
* 常用的属性:
      * name :表单元素的名称.必须有name属性，然后后台

才可以接收数据.
      * value :单选按钮的默认值.
      * checked:单选按钮默认被选中.

作者: 厦门陈强 时间: 2018-5-14 21:49
陈强
HTML的第一天,感觉只是标签有点多,但是做完登录界面和网站首页,其实常用的标签和属性也就是其中的一部分:
<table>--<tr><td>---属性---width、height、border、align
<img>---属性---src、width、height
<a>
<font>--属性---color、size
<form>---type---不同框所对应的值
排版标签基本只在文本量大的情况下才需要使用到;
而一天下来的知识点中,感觉把以下两点搞清楚就没什么了.
1,目前用来页面布局的表格标签之间的相互嵌套和单元格之间的合并关系理清楚;
2,表单标签中注意不同的框都需要有name值,这个name的值就相当于一个标记,是与后端数据的读取息息相关的
这两点搞明白后,做出来的页面的美观性就是跟你的个人审美还有页面的布局有关而已.

作者: rkko 时间: 2018-5-14 21:50
杜石苇
HTMLday1总结
今天学习了HTML ,首先HTML是超文本标记语言,用来制作静态页面,一些数据会与后台的数据库和JAVA相关联,所以注册登陆表单项目的比较重要.
现在新的浏览器已经基本都是HTML5了除非一些比较旧的浏览器  比如IE10以下的
HTML的结构是根<HTML></HTML> 头<head> 头写标题  身体 <body>  身体是放进页面内容  可以是图片文本视频多媒体链接等等
一些常用的标签  标题<h1><h2>等等段落<p> 换行<br/> 横线<hr/> 加粗下划线  斜体等等
文字字体可以设置字体<font color="颜色" size="大小"
图片也可以设置来源 src 高度height  宽度width (表格中的行列同样可以设置高和宽可以用百分比和像素大小设置)  居中
超文本链接<a>可以设置链接
HTML表格标签可以嵌套在嵌套  行列可以合并  合并方式是td里写入colspan 占用几列 rowspan占用几行然后删除相应的行列数量
可以把整个页面当成是一个大表格  切割成行和列放进去元素  行和列里面还可以在嵌套表格
表格是先写table 然后写行<tr> 行里面有列<td>  td列里面写内容可以写嵌套使用配合表单
表单标签内容是用来提交到后台的  <input type =****  name="return" name是用来返回到后台的值  还有一些常用按钮如****=+ text password  reset email date等等

作者: 5119 时间: 2018-5-14 21:51
游荣辉
今天学前端开发,再开始学以前我感觉特别的难,可是学起来也不是特别的难,只是英文单词特别多,都不会.....
今天学了HTML学习了他的作用(制作页面),在那些地方使用(设计网页时),还有他的使用等等
HTML有非常多的标签
字体标签<ront (可以放属性)>
排版标签<p><b><i><u><center>.....我就不一一举例了可以去查文件
图片标签<img (属性)> 属性常用的 src width height
表格标签格式:
<table (属性)> 常用属性width height border align
<tr>
<td> <td>
<tr>
<table>

超链接标签 <a (属性)> 常用属性 herf
表单标签<form (属性)> 常用属性 text password radio checkbox ....而属性中还有他特有的属性
今天我懂得了如何排版一个网页的页面,如何再网页中添加图片,如何再网页中修改文字的大小.颜色

作者: LittleSky 时间: 2018-5-14 21:51
常小天
今天学习了HTML，通过今天的学习，了解了HTML制作静态页面的方式和方法。HTML意为“超文本标记语言”。通过这个名字就可以了解到，HTML操作对象是文本，包含图片、超链接等特殊文本内容，它还是一种语言，既然是语言就要有语法，将HTML称为“标记语言”就是因为它是一种以标签为基本语法规则来规范其使用，同时也是通过标签来实现其创造对象的功能的编程语言。
HTML将我们看到的色彩丰富，内容多样的网页划分成了一个个小的个体，包括文字、图片、超链接等。HTML正是通过使用标签创建这一个个小的个体，再借助表格、表单将其组合起来，形成了我们所看到的网页。
类是通过对对象共性与特性的描述而创建出的一种规范，通过这种规范我们又可以在电脑上创建出一个个实物对应的虚拟对象。与类相似，标签也是一种规范，标签名将这种规范与页面上的待创建的一个个对象（文字、图片、超链接、表格、表单）连接起来，让电脑明白我们要创建一个什么东西，标签中的属性则是这种规范的实际载体，通过设定属性值我们能够准确地创建出符合我们要求的对象，也就是一段话、一张图、一个表单……这里要提及几个特殊的标签，因为我觉得这几个标签与我前面所说的有些不同之处。我前面说到标签名只是表明要创建的是什么而没有具体的规范，规范是标签的属性来表现的。而这几个特殊的标签，其标签名更像是一种属性，它规范了对象的一些属性。这些标签有：
字体加粗标签 : <b>文字</b>
居中标签 : <center>内容</center>
字体斜体标签：<i>文字</i>
字体下划线 : <u>文字</u>
标题标签则像是同时包含了这两种要素，即指明了要创建的是一个标题对象，同时又已经规范了标题的格式。
根标签、头标签和体标签属于我前面所说的正常的标签，因为他们就表示的是它其中的代码所要创建的是一个静态页面。
表单是今天学习的重点，但在我看来它并不特殊，它一样属于前文所述的正常标签，只是它的内容更复杂，属性更丰富，功能更强大。在学习中多加练习即可。

作者: 渣.. 时间: 2018-5-14 21:52
柯威龙
html的理解就是超文本语言,比普通的文本强,作用的话就是制作页面.创建html的文件时结尾应该是.html或者.htm.
html的结构用HBuilder就能知道了,一个头标签一个体标签.
首先学习了html的最常用的标签,例如:<fount> 这个是文字标签 <br/>这是换行
<p>这是段落 <h1>--<h6>这是标题,h1最大 <pre>原生标签的作用是当我们把文本赋值过来的时候他可以原封不动的
一点都不用改,个人感觉最神奇的标签然后又学习了图片标签<img> 还有图片路径的问题.如果图片与文件同一级的话那么直接输
入图片名称或者./就可以了.上一级的话就../,或者是文件的下级就是前面写上img.注意如果路径没写对的话,图片就显示不到页面上了
学完图片标签又学习了列表标签,列表标签的只是点比较少,只分为有序和无序,有序是<ol>,无序是<ul>,有序与无序的区别只存在于他们的实行.
觉得超链接<a>好神奇.可以让页面里面的文字可以点击并且还可以跳转.超链接的路径是href,像target的打开方式我也不知道有什么用
因为今天学习好像也没有用过.
最重要的是表格链接与表单.尤其是表格链接的嵌套.嵌到后面我自己都晕了,这能删掉重新打.后面知道在嵌套之前需要写个
注释,这样如果那里错了还可以很快的去找到.表格之前要先打<table>然后开始<tr>行<td>列嵌套前需要在嵌套的位置写上<Table>
表单我是听懂了,但是由于没有练习,有点乱乱的打表单之前需要写上<input tyte>然后在后面写上自己所需要的单词
这是我今天学完html的总结.

作者: wahahaha 时间: 2018-5-14 21:52
林恒山
html是用来制作静态网页的.html文件扩展名为.html或者.htm,html常用的标签有换行<br/>,标题<h1>到<h6>,段落<p></p>,字体加粗<b></b>,居中<center></center>,斜体<i></i>,下划线<u></u>,横线<hr/>,还有比较重要的字体标签<font></font>,属性有color/size/face.
图片标签是<img/>,属性有图片来源的src,宽度width,高度height,图片不显示时显示的内容alt.
列表标签有有序标签<ol></ol>,无序标签<ul></ul>
超链接标签<a></a>,href是链接的地址,target是打开方式,可以通过_self自身基础上打开,_blank是新打开一个网页显示.
表格标签<table></table>,tr控制行,td控制列,属性width宽度,height高度,border边框,align的center是居中.通过colspan可以合并列,rowspan合并行.
最后是最重要的表单标签<form></form>,<input type=""/>type属性是text表示文本框,password是密码框,radio是单选框,checkbox是复选框,button是普通按钮,submit是提交按钮,reset是重置按钮.表格标签常用的属性有name/value.单选复选框的check属性表示选中.而<select></select>的则是selected表示选中.

作者: seilye 时间: 2018-5-14 21:53
叶身辉
今天学习了HTML的一些基本操作,如何制作一个静态页面,
首先学习使用了HBuilder如何使用和操作,
之后学习了HTML的一些常用标签:包括字体fount换行br标题h1-7段落p加粗b居中center斜体i下划线u原生pre横线hr
有关于图片的标签:来源:src,宽度width,高度height,无法显示alt,
关于列表的标签有序ol,无序ul  ,type属性
超链接标签:a标签,具体有href路径,target打开方式,_self自身打开_blank新窗口打开
主要是关于定义表格的标签:
格式:<table>    <tr> 行 <td></td> 列    </tr>    </table>
其中table可以定义属性width:表格宽度height:表格高度border:边框
都可以被定义的align :表格水平位置: left左,center中,right右
Td可以定义表格合并 : <td>的属性:colspan=”列数”, rowspan =”行数”
重要的是学习的表单元素:
from的常用属性有action提交路径默认当前
Method请求GET(会显示且大小有限制)或者POST(不会显示,大小无限制);POST主要的
<input type = ”text”> 文本框.name(重要,给后台传输数据),value,size,maxlength,readonly
<input type=”password”>    密码框.name,value,size,maxlength
<input type=”radio”>    单选按钮.name,value,checked
<input type=”checkbox”>    复选按钮.name,value,checked
<input type=”button”>    普通按钮.没有任何功能的按钮.
<input type=”submit”>    提交按钮.
<input type=”reset”>    重置按钮.
<input type=”file”>    文件上传的表单项.
<input type=”hidden”>    隐藏字段.
<input type=”image”>    图片按钮
<select>       下拉列表.
<textarea>    文本域.

作者: 厦门黑马王子 时间: 2018-5-14 21:53
郑雪平

今日总结
今天第一次接触WEB,学习了全新的知识并首次使用HBuilder这个工具,逻辑性虽没javase强,但是要记的东西特别多,还有就是那个嵌套要嵌套好几层,到最后看着都晕了.

作者: q55w66 时间: 2018-5-14 21:53
本帖最后由 q55w66 于 2018-5-14 21:55 编辑

王清松



行列容易混淆,记住以下单词即可：
row  行
column  列
span  跨越

特殊标签
{
常用标签
{
      </br>换行
      
      <hr>横线
      <a>超链接
      {
         特殊属性
         {
            href超链接路径
            targrt打开方式
            {
                  _self(覆盖自身页面进行打开) （self 自己）
                  _blank（打开一个新页面）（blank 空白的）
            }
         }
      }
}
有点印象就行的标签
{
      <pre>...<pre> 原生标签：标签中的内容是原生态的，IDE对其不做任何修改
}
}
排版标签(非官方称呼)
{
标题标签:一级标题比二级标题字体大（同word）
{
      <h1>一级标题</h1>
      <h2>二级标题</h2>
      ...
      <h6>三级标题</h6>
}
段落标签<p>...</p>：将文件分隔成多段（paragraph 段落）
字体加粗标签<b>...</b> (bold 黑体的)
斜体标签<i>...</i>    (italic斜体字)
下划线标签<u>...</u> (underline下划线)
}

图片标签<img>  (image 图像)
{
特殊属性
{
      src来源  (source 源头，资源)
      {
         src=""
         .代表当前路径
         ..代表上一级路径（同dos指令）
      }
      alt找不到图片显示的内容
}
}

列表标签
{
（有序和无序指有没有序号，并不是指随便排序）
有序列表
{
      格式
      {
         <ol>
            <li>...</li>
            <li>...</li>
         </ol>
      }
      特殊属性
      {
         type序列号的格式
         {
            1:阿拉伯数字
            a（A）：字母
            i：罗马数字
         }
      }
}
无序列表
{
      格式
      {
         <ul>
            <li>...</li>
            <li>...</li>
         </ul>
      }
      特殊属性
      {
         type标点格式
         {
            disc:实心点
            ciecle：空心圆
            square：方块
         }
      }
}
}

表格标签<table> (table 表格)
{
<tr>...</tr>行
<td>...</td>列
}

表单标签<form>
{
<input>标签 name属性不可少，是用于传递后台数据时的坐标  value值即要传递的数值
{
      text:文本框，用于输入单行文本
      {
         maxlength:允许输入的最大文本长度
         readonly:只读，无法修改
      }
      password：密码框，用于输入密码，输入的字符自动显示为圆点
      radio：单选按钮
      {
         同一组按钮name要一样才能保证单选
         checked设置默认选中
      }
      checkbox复选按钮
      button普通按钮，暂时不知道怎么用
      submit提交按钮，用于传递数据
      reset重置按钮，重置表单所有value为默认值
      file上传文件按钮，不同浏览器表现形式不同
      image图片
}

<select>标签下拉列表
{
      列表选项用<option value="北京">北京</option>定义，记得给value值，否则无法传递
}

<txetarea>标签文本域，用于写多行文本
{
      属性
      {
         acton：提交路径，默认为当前页面
         method：提交方式
         {
            get（默认）：数据显示在地址栏，不安全，数据有大小限制
            post：数据不会显示在地址栏，数据无大小限制
         }
      }
}
}

通用属性
{
color颜色
width宽度
length长度
name名字
value值
......(还有很多，基本都是见名知义，背英语单词就好)
使用技巧：大体有印象，然后就是/+Alt调出菜单选，不需要背哪个标签有哪些属性
}

作者: conan75 时间: 2018-5-14 21:54
陈昆明:
今天对超文本标记语言HTML进行了初步的学习,与java语言明显不同的是,HTML是由标签对事物进行描述的一种语言,虽然标签命令较为多变,但是思想较为简单,以下为今天初步整理出的单词表,希望能帮助到大家.

今日新增单词.txt

1.19 KB, 下载次数: 288

作者: 黄兴磊 时间: 2018-5-14 21:54
黄兴磊
学了一天敲了一晚感觉掌握的还不够好,方法常用的记下

HTML是用来制页面作静态的,是一种超文本记录语言,一般在网页设计上要用到HTML

head---是头部
boty---是体
title---是头部窗口的类容

font 是字体的意思

要想给字体颜色可以通过<font color="red"> 我是红色</font><br/>

size是设置字体大小

例 <font color="red" size ="12"> 我是12号 </font><br/>

h代表标题  p代表段落  字体加粗是b  斜体是I  下划线是u  center是居中

hr/ 代表横线.

<pre> 原生标签比如在网站上面复制了一段文字,可以原封不动的变回去

src 是查看图片的来源,  width是图片的宽度  height 是图片的高度  alt 图片找不到内容

如果图片在同一路径直接 ./ 和文件名都可以
如果图片在下一个路径可以  img/cs10006.jpg

href 是写网址链接路径的

target 网址打开来的方式

selp 在自身页面打开
blank 新打开来一个窗口

作者: 许大炮 时间: 2018-5-14 21:54
许剑鸿
webDay01

今日学习HTML:超文本标记语言用于设计页面语法不严谨写一串下来脑阔疼贼拉难看

HTML由<html><head><body>3个结构标签组成标签写于<body></body>中

今日学习了以下标签可做出简单的带图网页和登录页面↓

作者: it小白001 时间: 2018-5-14 21:54
html是用来制作页面(静态页面),html的创建就是把后缀名改为html.它分为头标签<head>和体标签<boby>.
要设置文字要使用<font>标签,标题标签<h1-6>1最大6最小
要设置段落要用<p>标签,字体加粗使用<b>,字体下划线<u>,字体斜体<i>,居中<center>,换行<br>,横线<hr>,原生<pre>,引入图片<img>.
有序列表<ol> 无序标签<ul>
超链接标签<a>href:链接的路径, target:打开的方式,_self:在自身页面打开,_blank:新打开一个窗
表格标签<table>里面行用<tr>列用<td>,
HTML的表单标签：<form>:
action属性:提交的路径.默认提交到当前页面,想要更改其他页面打开要用<_blank>
method属性:请求的方式.GET和POST.默认是GET.get有文件限制大小,而且会显示在
地址栏上
在表单标签中<input type="text"> 这是文本框 ,把"text"改成possword就变成了密码框, 把"text"改成radio就变成了单选按钮
把"text"改成checkbox就变成了按钮,改成submit就成立提交按钮,改成file成立文件上传表单项,使用<selec>下拉列表<textarea>文本域

作者: Yanmo_ 时间: 2018-5-14 21:54
颜琳琳
今日学习了html标签的概念以及其常用的一些标签
Html标签是一种超文本标记语言,用来制作网页的.
Html的结构为<head>(头标签)
<body>(体标签)</body>
</head>
Html常用标签有:(用在<body>体标签中)
1.字体标签:<font>文字</font>
<font>标签中有size: 文字大小 color:文字颜色等常用属性.
2.换行标签:</br> 3. 标题标签:<h1>至<h6> <h1>字体最大,表示一级标题.
3.段落标签:<p> 5. 居中标签:<center>等比较重要比较常用的标签.其他字体加粗标签<b>,字体斜线标签<i>,字体下划线<u>等了解使用到知道用就可以.
图片标签:
<img>(是image图片的缩写),中的属性有:src:图片源路径,width:图片宽度,height图片高度,alt:图片找不到所显示的内容
超链接标签:
<a>只需懂得使用该标签的href:超链接的路径属性以及target:打开方式中的_self在自身页面打开和_blank在新的窗口中打开
列表标签:(了解)
有序标签:<ol><li></li></ol>该标签中的type属性中有:1,a,I等分别表示数字类型标签,英文类型标签,罗马字符,用来将所要写的内容进行有序的描述,这些属性写在<li>中li后边.
无序标签:<ul><li></li></ol>该标签的type属性中用,disc:实心点.circle ：空心圆 square:方块用来将所要写的内容进行有序的描述,这些属性写在<li>中li后边.
今日学的比较重要的内容就是表格标签,用<table>来表示,其中<tr>为行标签,<td>为列标签,<table>标签中交重要的属性border:边框和algin:表格是水平位置,该属性中有left,center,right等三个分别表示左,中,右位置.
接下来就是今天BOSS,最重要的内容:表单的使用,表单标签用<form>来表示,该标签中有常用的属性有algin和method分别表示提交的路径和提交的方法,method属性中get和post的区别:1. get提交的数据会显示在地址栏,而post不会;2. get提交的方式在浏览器中有大小限制,而post没有大小限制. <input type=”文本”>:文本框中主要的属性有name,vlaue,size,maxlength;<input type=”password”>:密码框中主要属性有name,value;<input type=”redio”>:单选按钮中主要属性有name,value,checked;<input type=”checkbox”:复选按钮中的属性值和单选框一样,这4种表单中元素都必须有name属性值,且单选按钮中的name必须相同.
表单中还有:
<input type=”button”>:普通按钮.没有任何功能的按钮.
<input type=”submit”> :提交按钮.
<input type=”reset”>:重置按钮. <input type=”file”>:文件上传的表单项.
<input type=”hidden”>:隐藏字段.<input type=”image”>:图片按钮
<select>:下拉列表. <textarea>:文本域.等八种元素需要了解并会使用.
注意:
下拉列表和文本域不写在<input>的type中,而是单独写在表单中.

作者: 偏离X 时间: 2018-5-14 21:55
郭明杰
<head> 头!<title> 标题! <br/>换行!
<p></p> 段落标签
h1 -h3 标题标签
<i>斜!</i>
<b>粗!</b>
<u>加线!</u>
<center>忘了!</center>
<pre></pre>原格式标签
<ol type=""  star="1">有序列表 (star表示从1开始)
1 / A /a /i /I 等样式

<ul type="">无序列表
disc :实心点
circle:空心圆
square:方块

超链接!:
<a href=""> </a>
<target> 打开的方式
_self:在自身页面打开
_blank 新打开一个窗口

<table border="">
<tr>列

<td>行
<td  colspan="2"> 占用两列
<td rowspan="2">占用两行

[HTML的表单标签]
HTML的表单标签<form>
HTML中的表单元素:
<input type="text">:文本框
常用属性:
*name:表单元素的名称,必须要有name属性,然后后台才能接收数据
*value:文本框的默认值
*size: 文本框的长度
*maxlength:文本输入的最大长度
*readonly:只读文本框 ,不能输入
*action属性:提交的路径.默认提交到当前页面
*mwthod:提交的方式(GET, POST) ,默认为GET
区别:get不安全会显示在地址栏,提交有大小限制
      post数据不会显示在地址栏,没有大小限制

<input type="password">:密码框

<input type="radio">:单选按钮
常用属性:
*name:表单元素的名称,必须要有name属性,然后后台才能接收数据
*value:单选按钮的默认值
*checked:单选按钮默认被选中

<input type="checkbox">:复选按钮
常用属性:
*name:表单元素的名称,必须要有name属性,然后后台才能接收数据
*value:复选按钮的默认值
*checked:复选按钮默认被选中

<input type="button">:按钮

<input type="submit">:提交按钮

<input type="reset">:重置按钮

<input type="file">:文件上传的表单项
<input type="hidden">:隐藏字段
<input type="image">:图片按钮

<select> :下拉列表
<textarea>:文本域

作者: it小白001 时间: 2018-5-14 21:55
吴俊斌
html是用来制作页面(静态页面),html的创建就是把后缀名改为html.它分为头标签<head>和体标签<boby>.
要设置文字要使用<font>标签,标题标签<h1-6>1最大6最小
要设置段落要用<p>标签,字体加粗使用<b>,字体下划线<u>,字体斜体<i>,居中<center>,换行<br>,横线<hr>,原生<pre>,引入图片<img>.
有序列表<ol> 无序标签<ul>
超链接标签<a>href:链接的路径, target:打开的方式,_self:在自身页面打开,_blank:新打开一个窗
表格标签<table>里面行用<tr>列用<td>,
HTML的表单标签：<form>:
action属性:提交的路径.默认提交到当前页面,想要更改其他页面打开要用<_blank>
method属性:请求的方式.GET和POST.默认是GET.get有文件限制大小,而且会显示在
地址栏上
在表单标签中<input type="text"> 这是文本框 ,把"text"改成possword就变成了密码框, 把"text"改成radio就变成了单选按钮
把"text"改成checkbox就变成了按钮,改成submit就成立提交按钮,改成file成立文件上传表单项,使用<selec>下拉列表<textarea>文本域

作者: 李志勇 时间: 2018-5-14 21:55
李志勇
HTML: 超文本标记语言
学了常用标签
字体<font>
<br/>换行
<p>段落
<b><u>......
图片标签
<img>
src 设置图片大小width height;
列表标签
<ol>有序  type属性 1,a i;
<ul>无序  type属性 disc ...
主要掌握超链接
<a href="" target="_blank打开一个新窗口 _self本页面打开">
表格标签<table>
行<tr> rowspan  行的合并
列<td> colspan  列的合并
互相镶嵌;
表单<form>
<input>
type属性
select属性
textarea属性
      name表单的名字必须得有name值有这个值后台才能接收;

作者: 2902 时间: 2018-5-14 21:55
张清才
html利用各种类型的标签;用于制作网页的超文本语言;
用结构标记把文本分成标题和内容两个整体
用功能性标签对文本中的部分内容标记通过其标签的属性可以对其设置格式,让其在网页上有不同的体现;
表格标签运用表格标签可以对网页排版得到我们想要的效果
表单标签可以通过<input>的标签的不同type属性和 <select>可以制作出完整的表单

作者: 名字被人注册了 时间: 2018-5-14 21:56
刘文峰
今天学习html之后明白了html的作用是制作一个静态页面,主要应用于网站页面设计开发,知道了一个html文件由html,head,body三个结构标签组成.我们可以在这几个标签里嵌套使用其他标签和标签里的属性使其能够具体的展现出我们想要的效果,但是要注意标签嵌套的格式.
通过今天的学习,在试着制作用户注册页面时发现了一些问题,例如在制作表单时,input标签里的必有的name属性我总是会忘了加,少了这个后台无法接收填入的数据,相当于这个页面一点作用也没有.而且HBuilder软件和eclips不同,在编写代码过程中不会报错,所以如果漏掉某个必须的属性就会导致页面无法满足我们的需求.

作者: 磬辰 时间: 2018-5-14 21:56
林文辉 html第一天总结
今天学的主要是一些基本的标签,并且都是常用的,基本是自己写一个html就差不多熟了
主要关于table 如果单独把table拿出来做盒子不合适,因为table太死板了,而div相对来说就非常的灵活了,所以侧重点应该是第二天的div,其实div也不难就是.然后table一般用的话也都是嵌套在div里的
然后正常做一个页面的话,我们一般把一些属性都放到css里,通过外部链接调用.打个比方一个<tr>添加一个属性,那有多个的话复制粘贴都麻烦.所以需要把它们装到css里.
就好比如我们java中,要把类封装起来,然后再调用,这样能够避免代码冗余.
标签这些东西理解就好了,不需要全部记住.当然常用的要记下.因为你不可能真的闲的去写一个页面,首先你没那个天赋,没那个审美,其次你写了半天可能还没人家一个模板弄出来的好看.你不是美工,所以没那个必要,理解就行了
js很重要,所以重要的篇幅都在后面,别在前面浪费生命了

作者: 李思贤126 时间: 2018-5-14 21:58
李思贤:今天我学了HTML,可以制作一个网页页面,它有很多的标签.最重要的是表单标签,各种嵌套就完事了,

作者: 铁木啊童臂 时间: 2018-5-14 21:59
汪志阳:
HTML:超文本标记语言(比普通文本高级,通过标签标记的语言),用于设计网站页面,java是一种编程语言
HTML的使用:
1.文件的创建:以.html或.htm结尾(类似于.java文件);
2.HTML的结构标签:<html>
<head>
.....头标签的内容:显示在网站标签页处
</head>
<body>
....体标签:网站的内容显示
</body>
</html>
3.字体标签:<h1>...<h6>
4.段落标签:<p>...</p>
5.加粗标签:<b>...</b>
6.下划线标签:<u>...</u>
7.居中标签:<center>..</center>
8.斜体标签:<i>...</i>
9.文字标签:<font>..</font>
注释标签:
嵌套标签:标签先进后出,成对出现<font><b>...</b></font>
图片标签:<img src="图片名" width="图片宽" height="图片高" />可以在<>内追加alt:图片找不到显示的内容
<pre>原生标签.:重其他地方复制文字来保留源格式(空格之类的保留着)
<hr/>横线标签:文字下加横线
HTML:的超链接标签<a>
<ul>:先创建无序标签
<li><a href="http://www.baidu.com" target="_self">百度</a></li>
<li><a href="http://www.sina.com" target="_blank">新浪</a></li>
</ul>

herf:网站的地址 target:网站打开方式(blank为另开一个窗口,self覆盖本窗口)
colspan 合并列
rowspan 合并行
表单的标签:表单的标签轩哥说是今天的重点,主要讲了<input type="数据类型">
其中数据类型:text为文本框,password为密码框,radio为单选按钮
<input type=”button”> 普通按钮.没有任何功能的按钮.
<input type=”submit”> 提交按钮.
<input type=”reset”> 重置按钮.
<input type=”file”> 文件上传的表单项.
<input type=”hidden”> 隐藏字段.
<input type=”image”> 图片按钮
总的来说今天开始的知识和eclipse没有多大的关系,是一些关于前端的开发内容,主要运用的是HBuider软件,标签需要记忆的东西相对较多,逻辑性没有之前学的那么强.

作者: sts 时间: 2018-5-14 21:59
苏海斌
HTML作为一种超文本标记语言,可用于制作网站静态页面

通过今天的内容,可制作简单的网站静态页面的部分功能
部分标签与Word文档相同,例如字体加粗,斜体,下划线等
其中需重点掌握的
超链接标签和表格标签以及表单元素
<a>href是链接的路径
可选择在自身页面打开_self
或者新打开一个窗口_blank
表格标签只需记住
table表格
tr行
td列
边框Border
表格水平Align
colspan合列
rowspan合行

表单标签form
元素
input type
  文本框text
  密码框password
  单选按钮radio
  复选按钮checkbox
  普通按钮button
  提交按钮submit
  重置按钮reset
  上传file
  隐藏字段hidden

下拉列表select
文本域textarea
(标签较多可用快捷键输出)

作者: avip0000 时间: 2018-5-14 22:00
今天学了H5里的一些标签重点的有两个 img标签和table标签更重点的就是表单了
(color size width height border)
img里面注意的有 src对应的路劲 ../../什么什么的
table里面tr表示行 td表示单元格 rowspan跨行合并 colspan跨列合并 td里面可以嵌套表格
表单有很多什么text password radio checkbox乱七八糟的看得懂就行
还有form 里面的method 有两个东西 get和post要知道区别
name 和 value 要弄懂

作者: lnongge 时间: 2018-5-14 22:00
16lianweisong
今天主要学习了HTML标签静态页面的制造,学了一堆标签,如html根标签,head标签,body标签,排版标签等,这些都是了解内容,只需掌握表单标签即可,详情见下图

5.14.jpg (15 KB, 下载次数: 90)

作者: finfin12 时间: 2018-5-14 22:00
张育辉
普通文本不能实现的功能,html能实现普通文本不能实现的功能,
html描述静态页面的语言
html是通过标签的形式将信息展示给用户看的.
tml标签是以尖括号包裹关键字成对出现的，有开始标签和结束标签

作者: Ldddd 时间: 2018-5-14 22:00
赖镇东
今天学习了HTML，学习了
1，文本标签
2，图片标签
3，列表标签
4，超链接标签
5，表格标签
6，表单标签
学习了如何制作一个简单的网页首页，注册表单网页，下面是我自己整理的Xmind：

作者: Yanmo_ 时间: 2018-5-14 22:00
今日学习了html标签的概念以及其常用的一些标签
Html标签是一种超文本标记语言,用来制作网页的.
Html的结构为<head>(头标签)
<body>(体标签)</body>
</head>
Html常用标签有:(用在<body>体标签中)
1.字体标签:<font>文字</font>
<font>标签中有size: 文字大小 color:文字颜色等常用属性.
2.换行标签:</br> 3. 标题标签:<h1>至<h6> <h1>字体最大,表示一级标题.
3.段落标签:<p> 5. 居中标签:<center>等比较重要比较常用的标签.其他字体加粗标签<b>,字体斜线标签<i>,字体下划线<u>等了解使用到知道用就可以.
图片标签:
<img>(是image图片的缩写),中的属性有:src:图片源路径,width:图片宽度,height图片高度,alt:图片找不到所显示的内容
超链接标签:
<a>只需懂得使用该标签的href:超链接的路径属性以及target:打开方式中的_self在自身页面打开和_blank在新的窗口中打开
列表标签:(了解)
有序标签:<ol><li></li></ol>该标签中的type属性中有:1,a,I等分别表示数字类型标签,英文类型标签,罗马字符,用来将所要写的内容进行有序的描述,这些属性写在<li>中li后边.
无序标签:<ul><li></li></ol>该标签的type属性中用,disc:实心点.circle ：空心圆 square:方块用来将所要写的内容进行有序的描述,这些属性写在<li>中li后边.
今日学的比较重要的内容就是表格标签,用<table>来表示,其中<tr>为行标签,<td>为列标签,<table>标签中交重要的属性border:边框和algin:表格是水平位置,该属性中有left,center,right等三个分别表示左,中,右位置.
接下来就是今天BOSS,最重要的内容:表单的使用,表单标签用<form>来表示,该标签中有常用的属性有algin和method分别表示提交的路径和提交的方法,method属性中get和post的区别:1. get提交的数据会显示在地址栏,而post不会;2. get提交的方式在浏览器中有大小限制,而post没有大小限制. <input type=”文本”>:文本框中主要的属性有name,vlaue,size,maxlength;<input type=”password”>:密码框中主要属性有name,value;<input type=”redio”>:单选按钮中主要属性有name,value,checked;<input type=”checkbox”:复选按钮中的属性值和单选框一样,这4种表单中元素都必须有name属性值,且单选按钮中的name必须相同.
表单中还有:
<input type=”button”>:普通按钮.没有任何功能的按钮.
<input type=”submit”> :提交按钮.
<input type=”reset”>:重置按钮. <input type=”file”>:文件上传的表单项.
<input type=”hidden”>:隐藏字段.<input type=”image”>:图片按钮
<select>:下拉列表. <textarea>:文本域.等八种元素需要了解并会使用.
注意:
下拉列表和文本域不写在<input>的type中,而是单独写在表单中.

作者: 咸鱼coder 时间: 2018-5-14 22:00
万冕

今天学习了HTML 超文本标记语言作用主要是用来制作静态页面

创建HTML将后缀名改为.html或者htm

HTML的基本结构 :
根标签:<html > </html>
<head></head>头标签

<body>

</body>体标签

主要的标签记住

<input type= "" >

今天学了才知道原来页面是这样制作成的

(因为标签一般都见名知意,所以记住标签意思更好记)

作者: w849027724 时间: 2018-5-14 22:00
吴利君
今天学了HTML，首先，HTML是超文本标记语言，是由一群组件组成的，而且HTML所做出来的是静态语言，需要结合JS来做动态界面，不够HTML5新增了很多功能，其中就有动画功能，所以HTML也是可以做动态界面的，HTML整体有<HTML>标签包裹，然后是头部标签和身体标签，头部标签可以导入很多东西，也可以写css样式，身体部分是网页的主体，有众多标签，容器组成，这些标签容器可以赋予很多样式等！今天学习的标签有：<font>h标签p标图片标签，列表，超链接标签等
今天学了很多，读的懂代码就行！

作者: wpwing 时间: 2018-5-14 22:01
吴鹏

一
插入图片时,使用相对路径,是根据和引用这个图片的html相对的位置,如果跟引用的html文件同个路径下,
可以直接写文件名,或者是./文件名;
如果没有在同个路径下,在上级目录下时,../文件名,在上上级目录时,../../文件名;
如果在下一个路径,比如在引用的html文件的同目录下有个img目录,则引用位置时,img/文件名;

--------------------------------------------------------------------------------------------------

二
在body标签里面用 bgcolor属性可以更改背景颜色,background可以用图片设置为背景(地址)

--------------------------------------------------------------------------------------------------

三
标签嵌套的顺序要跟数学里面括号的顺序类似,比如{[()]},每个不同类型的括号都对应一个标签,
如:
<p><font>文字<font><p>这样是正确顺序,
而:
<p><font>文字</p></font>这样是错误的顺序;

-------------------------------------------------------------------------------------------------
四
表单元素中,
<input type=”text”>
<input type=”password”>
<input type=”radio”>
<input type="checkbox">
必须有name属性,前面两个是获得用户名和密码后,根据name传到数据库中,
后面两个是单项与多项选择,name属性用来确定分组;

action属性:提交的路径.默认提交到当前页面

method属性:请求的方式.GET和POST.默认是GET.

GET:数据会显示到地址栏中.GET方式提交是有大小的限制

POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制

作者: 一梦 时间: 2018-5-14 22:01
陈世彪:
今天学习了HTML,超文本文件.
HTML语法没有JAVA严格,很多错误的时候并不报错,只有在运行的时候,界面效果才能看出来,所以最好一边做一边运行.
HTML分为头,身体.头是用来显示标题,身体是用来显示网页中内容.
如果要在一行里面再创建一行多列,就要先创建table列表标签,
往里添加图片是用 <img src="">
添加背景的是<background="">
添加背景颜色的是<bgcolor="">
如果想设置一行里,列的大小,一定先要将多的列删除,再用colspan才行

作者: 黄志彬 时间: 2018-5-14 22:01
黄志彬
今天学习HTML超文本标记语言，学会使用新工具HBuilder ，用表格编辑网站主页面，用户注册。
HTML结构标签，字体设置，段落排版，表格标签，
表单标签：form标签
表单中的表单元素
<input type="test">       :文本框
<input type="password">    :密码框
<input type="radio">       :单选按钮
<input type="checkbox">    :复选按钮
<input type="button">    :普通按钮，没有任何实现功能
<input type="submit">    :提交按钮
<input type="reset">       :重置按钮
<input type="file">       :文件上传的表单项
<select>                   :下拉列表
<texearea>                :文本域

作者: 13163997058 时间: 2018-5-14 22:02
本帖最后由 13163997058 于 2018-5-14 23:15 编辑

王刘锁
今天学习怎么用HTML去做一个web网页(简单的静态网页),这和以前的HelloWorld大不一样,
在这里看不到System.in,能[看到的只有标签标签还是标签,因为今天学习的就是一种标签语言HTML,
HTML的结构标签:head-头标签 body--体标签
那么多的标签怎么记呢?根本就记不住!只好主抓重点也就是所谓的表单标签<form></form>
这个标签可以做什么呢?它可以用来做一些类似注册账号的页面,当然了.既然是标签就会有一些属性和元素
下面说一下表单标签的属性:属性的位置在标签(form)的后面主要记两种属性
action:表单提交到的地方默认是当前页面.method:提交的方式 GET:数据显示在网址栏并且数据大小有限制不同浏览器也不相同 .
POST:数据不会显示在网址栏也没有大小限制
.再来说元素标签:
一个大类:<input type="XXXX">系列:(像这种标签都有对应的name名字[为了可以通过这个姓名来寻找数据内容]和value默认值属性)
text 文本框 password 密码框 file 文件加载
radio 只能选一个选项的按钮还有能选多个的按钮checkbox submit 提交按钮 reset 重置按钮.........
还有一类:
<selec>:下拉的列表 <textarea> 可以写文章的一个文本域
说完表单标签说下表格标签
表格标签<table>可以用来做页面排版布局是挺有意思的一个标签可以按自己的想法去设计页面
它的元素标签 <tr>--一行<td>--一列属性不多说可以多玩玩!
今天用到最多的就是标签的嵌套了在使用嵌套的时候要注意一点标签的对应位置一定不能搞错了不然会出问题的在做今天的案例的时候在这点上栽了不少跟头

作者: 沅瞻 时间: 2018-5-14 22:04
詹源
今天学习了HTML,通过标签描述事物的语言.HTML用来制作网页.是一款比普通文本更加强大的文本;
HTML可以通过各种标签来实现描述一个事物.有图片标签,列表标签,超链接标签,文本标签,表单标签等等.
不同标签中有不用属性,用来具体描述事物的细节.总之,用HTML制作网页什么的很方便啦- -就是标签太多很难记全.不过我们主要是后台工作,所以稍微了解下,能大概明白就好.

作者: chenyelong 时间: 2018-5-14 22:04
陈叶隆
今天学习了web前端开发,学习了html的一些书写格式,比如列表<ol>,字体<font>,超链接<a href=””>,超链接后面接的是要链接的路径,<form action>链接的是提交的路径,这两个区别我很容易搞混.还有<table>里面嵌套<table>看着逻辑不是很复杂,实际操作起来却很难.<form>的格式是<input type=”” name>,这里最重要的是一定要写name,这个是以后跟我们后台接收数据息息相关的.

作者: 小故事 时间: 2018-5-14 22:06
谢洪彬:
   HTML:超链接文本文件 ,相当于是文本的升级版,格式为.html  主要用于浏览器
今天的标签相当多,但老师明确了重点的学习目标:表单标签
表单标签主要以
<form>
<input type="xxx" />
</form>
配合期中的属性进行特有功能的操作
晚自习遇到的困难:    1.镶嵌图片
         2.action属性:提交的路径.默认提交到当前页面
                 3.method属性:请求的方式.GET和POST.默认是GET.
                              4.name的赋值既value的使用

作者: 滴滴eclipse启动 时间: 2018-5-14 22:20
江某人:
今天学习了超级文本HTML 确实比普通文本强,今天学习了一天都是学习标签 ,今晚做案列,感觉就是图片大小需要用到的width,height 这个很重要,作着的时图片大小不是很好控制,需要调整三四次,
标签嵌套:  前面的标签后面结束  后面的标签前面结束
HTML表单:
HTML的表单标签:<form><form method="默认get"> get在地址栏上能看到,会有长度大小限制  post不会显示在地址栏中,没有长度大小限制
复选按钮  name必须要一样 <input type=”checkbox”name="有好几行要一样的" value="可以不一样">
单选按钮.  需要手动设定value(值)  <input type=”radio”name="" value="" > 有几个选项就需要标签几次 name必须一样,才只能选一个  name不一样可以多选

作者: Eclipse启动 时间: 2018-5-14 22:35
郑阳阳
今天学习了HTML,让我对网页的编写有了一个初步概念,而且也能编写一些简单的页面.
内容虽然多,但是理解起来很简单.
表格是今天的次重点,我觉得里面的表格合并会有一些难理解
还有就是今天的重点,表单元素在form标签中使用input标签,使用type属性.有text文本框,password密码框,radio单选按钮,checkbox复选按钮
能实现各种各样需求.

作者: 林荣彬 时间: 2018-5-14 22:37
林荣彬:
今天学习WEB的第一篇 HTML
HTML是超文本标记语言,在设计网站的页面的时候都要使用到HTML.
今天的重点学习了
【HTML的表格标签】
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
属性:
width :表格宽度
height :表格高度
border :边框
align :表格水平位置
HTML的表单标签：<form>
常用属性:
action属性:提交的路径.默认提交到当前页面
method属性:请求的方式.GET和POST.默认是GET.

GET方式和POST方式的区别:
GET :数据会显示到地址栏中.GET方式提交是有大小的限制.
POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.

HTML中表单元素：
<input type=”text”> :文本框
<input type=”password”> :密码框
<input type=”radio”> :单选按钮
<input type=”checkbox”> :复选按钮
常用的属性:必须有name属性，后台才可以接收到数据.
<input type=”button”> :普通按钮.没有任何功能的按钮.
<input type=”submit”> :提交按钮.
<input type=”reset”> :重置按钮.
<input type=”file”> :文件上传的表单项.
<input type=”hidden”> :隐藏字段.
<input type=”image”> :图片按钮
<select> :下拉列表.
<textarea> :文本域.

作者: 凉面要趁热吃 时间: 2018-5-14 22:49
黄进安:

作业中遇见的问题:
1. 最外围的表格像素大小无法改变
可能原因:内部添加的图片没有设置改变大小,原始图片太大导致.
解决方案:添加照片时初始化大小
2. 表单元素必须设置name的属性,用于给后台接收数据,其中,单选按钮与多选按钮必须设置value的值,即初始化选定后对应返还的值.
3. 一个表格的行列数是一次性设置好的,不是一行设置一次列数.

作者: 张述明 时间: 2018-5-14 22:51
张述明
今天是新的篇章,步入WEB的学习,今天学习的主要内容HTML,
html是超级文本,主要用来制作静态页面.
html用到了新的软件HBuider,学习Html主要是对标签的学习,标签的功能十分强大,
可以对字体,排版,图片,列表,链接,表格,表单等进行设置从而达到我们想要的内容,其中表单标签是学习的重点.我们可以通过学习完表单<table>和表格标签<form>来制作一个注册界面,例如可以通过<intput type="password">来完成注册页面的密码框
可以通过<intput type="reset">对输入的内容进行重置通过 <intput type="submit" value="注册">是个提交的按钮.我们可以通过value来修改上面的文字
<select>是下拉列表可以用来选择地址,通过option对地址进行添加.表单本身也有一些属性例如action 是提交的路径 method 是请求方式请求方式也分成post和get
另外一个次重点是表格的一些标签特别是表格的嵌套和合并单元格容易搞糊涂这就需要我们在定义table属性时做好规划,清晰逻辑可以在行和列中添加数字避免混乱
今天的内容多为记忆性的内容逻辑性的东西较少所以也便于理解.

作者: COLDER 时间: 2018-5-14 23:09
本帖最后由 COLDER 于 2018-10-18 19:02 编辑

Day01
HTML(超文本标记语言)
用途:编写静态页面

今日所学知识点包含如下:
1.HTML的标签学习与使用:重要,常用标签以记忆为主,其他标签以认识为主.
2.HTML的网页案例:通过案例来加强标签的运用和记忆

网页编写思路:整体框架(表格标签)---局部模块(排版标签+常用标签)
整体框架(表格标签):运用表格标签及嵌套方法,跨列,跨行的属性来完成整体框架的设计.
局部模块(排版标签+常用标签):局部模块设计主要考虑整体排版,字体,段落,图片,超链接,排序等功能的需求及运用.

重点:表单标签<form></fom>:运用于网页账号注册,登录等功能
需要记忆点:表单元素(<input type:"xxx" name="xxx" value="xxx">),表单属性,数据返回路径(返回当前页面或者是新页面),请求的方法(get,post的区别).

作者: ...ylq 时间: 2018-5-14 23:21
叶凌青

今天学习了HTML
什么是HTML
HTML超文本标识语言
也就是比普通文本更强大的用一组标签的形式描述事物的一门语言
然后学习了
HTML的使用
HTML的常用标签
图片标签
列表标签
超链接标签
表格标签
HTML中表单元素：
还做了网站的首页
学习感悟:感觉HTML不是很难,但太多标签,太多单词不会.内容太多
导致缺乏练习.今天主要学习了做一个简单的网站,并且懂得了对
网页的排版,字体的修改等等

作者: Nevermo 时间: 2018-5-14 23:46
许煜
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是页面标题显示在页面上方</title>
<h1>标题标签1-6</h1><h2></h2>....
</head>
<body>
<p>这是段落标签</p>
<font color="" size="" face="">字体标签</font> 
<pre>原生标签:维持原有格式</pre>

<img />

<ol></ol>
<ul></ul>
<table>
<tr>
<td>
</td>
</tr>
</table>
<form >


<input type=/>
 密码框和文本框属性类似



默认值<\textarea>

</form>
</body>
</html>

作者: hpb199567 时间: 2018-5-14 23:49
何平波
今天学了崭新的知识Web(前端开发)篇中的html.
那么什么是html呢?
Html就是一种超文本标记语言,它有一套标记标签.html用标记标签来描述网页
一般来说Html文档=网页
而html有专门的标签 :
一个html文档应该有    <html></html>(html里是网页的名称描述))
  和<body></body>(body里是文档内容)
注意html标签应该包含body标签 <html>是开始标签  </html>是结束标签    每一个标签都是有开始和结束标签,都是成对出现的.
1.<p>段落</p>代表一段段落
2.<h1>标题</h1>代表一个标题  h1-h6  h1字体最大
3.<a></a> 代表一个超链接的地址  用href=”地址名” 在<>里使用
4.<img src=”图片名”>  代表传入一张图片
等等....许多方法 ,必要时可以查阅W3School文档来编写代码.

今天的重点是  html中的表单标签 ,作为一个后台开发人员,表单标签在以后的开发工作中可能经常接触,表单标签可与表格结合使用效果更美观和格式更面向对象.
所以今天有必要把表单标签深刻总结下.
表单标签用<form></form>来使用,在<form></form>之间可以使用许多方法
1.<form><input type=”test”></form> 在网页显示的是一个文本域 ,这里可以输入键入字母、数字等内容
2.<form><input type="radio"  name=”sex”>男</form> 当用户从若干给定的的选择中选取其一时，就会用到单选框。
等等....许多用法.必要时可以查阅W3School文档来编写代码.
如何布局一个网页的页面呢?
在这里需要使用到表格标签来进行布局设计,在这里可以给表格定义边框属性border="1">,这样做可以更有利于表格的设计遵循标记来为每一个单元格设计对象内容.

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

一个完整的网页布局包含许多的表格嵌套,在这里需要进行事先的规划,定义好整个页面的布局效果才能开始进行代码的编写.
行和列是可以进行合并的,这里用到了<td>的属性:
* colspan=”列数”比如定义好了一个5行5列的表格,现在需要把第一行的第一列和第一行的第二列进行合并,就要用得到colspan,进行合并,然后将被合并的单元格删掉
* rowspan=”行数” 同理比如定义好了一个5行5列的表格,现在需要把第一行的第一列和第二行的第一列进行合并,就要用得到rowspan进行合并,然后将被合并的单元格删掉.

作者: 郁闷客 时间: 2018-5-14 23:52
林树德:
今天学习了html超文本标记语言,是来制作静态页面,主要是一些标签的使用,逻辑性不强,基本能听懂,需要记的东西太多,做练习的时候对一些标签的使用不是很熟练,经常容易出错;标签的属性有时候容易搞混;有待加强;

作者: zzx835387607 时间: 2018-5-14 23:58
1.网站信息页面案例
   添加公司简介到网站开始是标题h1 h2....
接下去内容p
修改字体的相关字跟word文档差不多 B加粗 i斜体 u下划线

2.网站图片信息页面案例
获取文件路径 <img src="logo2.png" height="50" width="200"/>
上一级加上. ./ 也可以路径/文件名称
设置图片的大小宽度widch  高度height 图片找不到显示的内容 Alt+

3.网站友情链接页面案例
   分为有序<ol>
               <li></li>
                  </ol>    数字 1    字母a    罗马数字i (可以自由切换大小写)
无序 <ul>
                         <li></li>
</ul> square方块    circle空心圆    disc实心圆

网站首页案例
首先制作一个表格框架,  行<tr><tr/> 列<td><td/>  合并行rowspan             合并列 colspan 数下那个表格被替换,将该表格的代码删掉,
<tableborder="1" width="90%" align="center"  bgcolor="black" (底纹)>
Border表格的线宽 width (新表格占据旧表格的百分比)  align (center left right)
超链接格式  <a href="#">登录</a>       href="获取的路径"

4. 网站注册页面案例
<input type=”text”> :文本框. ------ maxlength:文本框输入的最大长度.---- size :文本框的长度.
用于制作一个普通的输入框

<input type=”password”> :密码框. (用法跟上面差不多)
制作一个加密的输入框

<input type=”submit”> :提交按钮.
制造一个按钮用于提交输入的内容  出入后台

<input type=”checkbox”> :复选按钮.
用于制作多重选择  比如多爱好.......

<input type=”radio”>:单选按钮.-----checked:单选按钮默认被选中.
   用于单个选择  比如男或女  是与非

作者: 376091692 时间: 2018-5-15 00:00
凌辉:
今天学习了WEB的HTML;
主要学习HTML里的标签,常用标签的使用,图片标签的使用,列表标签的使用,超链接标签的使用和表格标签的使用;
重点是表格标签,超链接标签和图片标签;重点的标签要记住

作者: 光宇 时间: 2018-5-15 00:25
侯玉林

今天讲了html.

1.什么是html?
html是一种超文本标记语言,主要用于设计网页,其目的将网页撑起来,好比人身上的骨骼一样.其后缀名为.html,能够通过浏览器直接打开.

2.html的结构是怎么样的?
整个html的文件结构由html的标签组成,其中,<html></html>标签,<head></head>标签,以及<body></body>标签是必须存在的,他们构成了html文件的最基本结构,标签一般是成对出现,并且代表又特殊含义.如下

<!DOCTYPE html> //该标签代表这个html文件的是HTML5格式的
<html>          //该标签用于表示将<html>内容</html>中的内容修饰为html格式
<head>       //html文件的头部,用于引入各种css,js的文件以及提供其他的描述说明
<meta charset="UTF-8">       //该html文件的编码格式
<title>我是html</title>    //该html文件在浏览器中显示的标签名为"我是html"
</head>
<body>       //html文件的主体部分,写在body标签中的内容将显示在网页上
</body>
</html>

3.html常用基本标签
1.标题标签:<h1></h1>.一共有h1~h6.用于描述标题的标签,根
据标题级别,分为6个等级h1最大,h6最小.
2.段落标签:<p></p>.被段落修饰的标签,段落的上下会出现明显的间隙.
3.加粗标签:<b></b>.是字体变粗
4.斜体标签:<i></i>.使字体变斜
5.下划线标签:<u></u>.在字体下面加上线
6.字体标签:<font></font>.用于描述字体的标签,能够添加属性,如:颜色的color,大小的size,字体的face等.
7.图片标签:<img></img>.能够将目标路径上的图片放在页面中,能够添加属性,如:描述图片路径的src,设置图片宽度的width,设置图片高度的heigh,找不到路径后显示文本的alt.
8.超链接标签:<a>内容</a>.通过a标签,点击内容,可以实现页面的跳转.能够添加属性,href:页面跳转的地址,target:页面的打开方式(_self:在本页面打开,_blank:在新的页面打开)

4.html的常用结构性标签
1.无序列表:<ul><li></li></ul>,没有序列的列表,可以通过type设置列表前方显示的图像,或者不显示.
2.有序列表:<ol><li></li></ol>,有序列的列表,通过属性type设置序列的类型是1,a等等,通过start属性设置序列起始位置.
3.表格标签:<table><tr><td></td></tr></table>.table代表表格的意思,tr代表行,td代表列.属性,border:表格的表框多厚,width:表格多宽,height
:表格多高,bgcolor:表格的背景颜色,background:表格的背景图片,align:表格的对其方式(center表示水平居中),rowspan:单元合并行(其他合并后的行要取消),colspan:单元合并列(其他合并后的列要取消).
4.表单标签:<form action="" method="post"><input type="" name="" value="" /></form>.form表单,将该表单中的数据提交给后台服务器.属性,action:表单提交的路径,method:表单提交的方式(get通过地址栏提交,post通过报文传输,get有传输大小限制,post没有传输大小限制).
input中type属性的值有:
text:表示文件
password:表示密码
radio:表示单项选择
checkbox:表示多项选择
submit:按钮,表示将表单提交
reset:按钮,重置该form中所有input的数据
button:按钮,不具备任何意义
file:表示文件
hidden:将方框隐藏
image:表示图片

作者: 追风筝的人哇 时间: 2018-5-15 00:55
康元中
2018-5-15
今天学习html上午学习了知道html 就是一种超文本标记语言就是用来写一个页面
1 <font>标签里面有三种常用属性color size face
2如何创建html文件和hbiuld的使用
3 <img>标签属性src  和一些设置图片的宽/高和ALT 图片的解释
4还有一些常用标签段落p 加粗b 斜体 i 下划线 u
下午学习了表格标签<table> 有行列之分行tr 列td
a: 最重要是区分表格的属性和 td的属性
  表格常用的属性宽/高/ border 边界(这个最为重要边框能不能显示出来靠这个)
  属性 alian  表格位置摆放
  <td bgcolor="black">  背景设置颜色
  <td background="regist_bg.jpg" width="50%"> 背景插入图片
b 有td 合并单元格的属性
   cospaln 列
   row.. 行
c 重点 :
一个页面的注册页面表单
      标签<form>
   form标签的两个重要方法  action  这是提交页面的路径
                                    method 这是提交页面的方式 -
区分method 的两个提交方式
get 是将我们的信息提交到网页栏上  而且有大小的限制
post 是将我们的信息隐藏提交  没大小限制
最后感谢雪姨关爱!拖后腿了--

作者: 1748341437 时间: 2018-5-15 00:55
林玮
今天学习了一个web的静态页面

学习这个静态页面首先得学习软件HTML,因为制作这个静态页面需要HTML或其他更高端的软件来操作;
而制作这个静态页面主要是由各种标签再通过标签的一些属性来完成的.
这些标签可以说是非常之多,普遍人一时之间是肯定记不来的.
然后我今天就挑了几个比较重要的记了一下:
注:超链接标签主要是通过修饰文字,使修饰的文字可以进行跳转到另一个界面,或本界面中;
☆1. 超链接标签(<a></a>):(注:☆表示重点,以下都是重点所有我就不标了)
href 要跳转链接的路径格式:<a href="路径名">
target 打开的方式
_self 跳转到自身页面
_blank 跳转到一个新的页面
X_parent 跳转到一个新的表格中(注:X表示不重要,了解一下即可)
注:表格是规范静态页面的书写格式的,静态页面的基本格式目前就是表格了;
2.表格标签(<table><tr><td></td></tr></table>):
width 表格宽度
height 表格高度
border 边框
align 表格水平位置
而表格标签中的<td>有一个特殊方法:
colspan 列数合并(就是将选中的表格合并;)
rowspan 行数合并(同上)
注:表单是属性最多且最重要的一个了,其实多是多,但是都不难.而且都有快捷键这是比较舒服的一件事了
你多看多练,打着打着就会发现我怎么会了???这个表单我就不多说了,就说几个我记住了的标签吧,里面的属性我就不打了;
3. 表单元素:
文本框<input type="text">
密码框<input type="password">
单选按钮<input typr="radio">
下拉列表<select></select>(注:下拉列表比较特殊,他下面还有一个标签<option><option>这个下拉列表才算标准)
好了今天的内容就到这边,感谢黑马所有老师的认真负责;

作者: 丶犯二 时间: 2018-5-15 01:06
Html  超文本标志语言  用于制作静态网页
由根标签<html > </html>
头标签<head> </head>
体标签<body></body>三个结构标签组成
主要需要掌握的有三种标签以及表单元素
1.图片标签
<img>
属性:
<img src = "" /> 图片的来源/路径
<img width= "" /> 图片的宽度
<img height= "" />图片的高度

超链接标签:
<a></a>
属性:
<a href=""></a>链接路径
target 打开方式
<a target="_self"></a>在自身页面打开链接
<a target="_blank"></a>新建一个窗口打开链接
注意:
若是未填写打开方式,则属性默认为_self  直接在自身页面打开链接

表格标签:
<table>
<tr>行
<td></td>列  写于行中
</tr>
</table>
属性:
width :  宽度,  height :  高度 border :  表格边框
align  水平位置 : left左 right 右 center  居中
合并单元格 ,用于<td>:
colspan 合并列数
rowspan  合并行数

表单元素<form>:
常用属性:
action  提交的路径默认提交至当前界面
method 提交的方法  又分两种:
GET:提交时数据会显示在地址栏中 , 不安全, 且大小有一定的限制
POST: 提交大小无限制,且不会显示于地址栏中.
<input type=”text”>:  文本框
常用属性有: name(后台想要接收数据就必须一定有name属性,元素表单名称)
               value  文本框默认值
               size 文本框长度
               maxlength    文本框输入的最大长度
               readonly    只读文本框
<input type=”password”>  :密码框
常用属性有: name  value  size  maxlength
<input type=”radio”>:单选按钮
常用属性有: name  value  checked(单选按钮默认被选中)
<input type=”checkbox”>  :复选按钮
常用的属性: name  value  checked(单选按钮默认被选中)
<input type = "button " > 普通按钮,没有任何功能
<input type = "submit"  > 提交按钮
<input type= "reset"  > 重置按钮
<input type = "file"  >  上传文件的表单项
<input type = "hidden"  > 隐藏字段
<input type = "image"  > 图片按钮
以下两样表单独写切勿写于input type表单属性中
<select> 下拉列表
<textarea> 文本域

作者: 望蜀 时间: 2018-5-15 07:49
HTML Hyper Text Markup Language即超文本标记语言用于编辑网页

HTML4：旧版本，大部分浏览器都支持
HTML5：包含新特性支持的浏览器(程度由高到低):chrome,opera,firefox,safari

结构

<html>
      <head>
            标题
      </head>
      <body>
            内容
      </body>
</html>

然后就是各种标签,重点掌握表单标签

需要理清表格标签之间的嵌套关系,掌握合并单元格
注意表单标签中各个框都要有name值,关联于后端接收数据

作者: 柯建程 时间: 2018-5-15 08:20
HTML  是一种超文本标记语言
通过一组标签形式描述事物
HTML制作页面(静态页面) 都是假的,不是从数据库得到的
   动态页面从数据库得到的
在设计网页界面都要用到HTML

HTML创建
一个HTML文件,扩展名是.html或者.htm
01.html
HTML结构
<html>  属性写到<>里面
<title></title>
<head>

</head>
<boby>

</boby>
</html>
表单标签 <form>
action:提交路径
method 请求方式
GET ; 不安全数据显示到地址栏中,  提交有大小限制
POST  数据显示到地址栏中  比较安全 post提交没有大小限制

<input type="text">文本
常用属性
name:表单元素名称必须有name属性
value:文本默认值
size:文本长度
maxlength:文本最大
readonly  只读

<input type="password">密码
<input type="radio"> 单选
name 同一个类型name相同
value 一定要写
checked  单选按钮默认被选中
<input type="checkbox">多选  (必须的有相同的name)

<input type="button"> 普通
<input type="submit"> 提交

<input type="reset">重置
<input type="file">上传
<input type="img">图片
<input type="hidden">隐藏
<select> 下拉列表

默认被选中
<texttra>文本域
<input type="email">邮箱
<input type="date">日历
<input type ="number">数字
<input type="color">颜色

作者: 厦门黑马王子 时间: 2018-5-15 21:57
郑雪平

今天学习了CSS,一个网站美化工具,可以让普通的网站页面变得有层次感,特别是悬浮这个比昨天学的那种方法要方便一些,但是选择器有五六个之多,一时半会搞不明白.

作者: 林荣彬 时间: 2018-5-16 00:56
林荣彬
今天学习WEB的CSS,CSS是层叠样式表它的主要作用就是用来优化HTML页面.使页面变得更加美观.
主要学习了CSS的语法会用:
块标签:
<Div></Div> 独占一行
<span></span> 默认在同一行显示

CSS的引入方式有三种:
行内样式, :直接在HTML的元素上使用style属性设置CSS
页面内样式, :在HTML的<head>标签中使用<style>{ }标签使用
外部样式 :单独去定义一个.CSS的文件在HTML的<head>中使用<link hef=””>引入CSS文件

CSS的选择器

CSS中的盒子模型:
内边距:padding
外边距:margin
边框:border

CSS中的定位:
Position 属性设置定位:
relative:相对定位
Absolute:绝对定位

在今晚做注册页面的时候有很多都记不住,思路不够清晰,做的乱七八糟,重新整理再做一遍思路就清晰了很多,在使用的时候也更加熟悉,也加深了印象.

作者: lnongge 时间: 2018-5-18 01:11
今天主要学习了JavaScript(简称js)的基础知识.三部分组成:ECScript,BOM和DOM.今天学了ECMAscript和通过3个案例学习了BOM
ECScript就是js的基本语法,语法只需了解与java不同的几点即可,4个案例:表单校验,(最重要),其他2个图片轮播,定时弹出广告能敲出来就行.详情如图

360截图20180518010349664.jpg (24.72 KB, 下载次数: 31)

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2