[Java1期] 【厦门JavaEE就业1期-每日总结】HTML

本帖最后由厦门校区于 2018-5-14 17:21 编辑

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

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

AsusCoder · AsusCoder

名：曾耀峰

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组件，由于没有全兼容浏览器不做掌握。

rkko · rkko

杜石苇
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等等

LittleSky · LittleSky

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

渣.. · 渣..

柯威龙
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的总结.

Yanmo_ · Yanmo_

颜琳琳
今日学习了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中,而是单独写在表单中.

磬辰 · 磬辰

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

厦门校区 · 13163997058

本帖最后由 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>--一列属性不多说可以多玩玩!
今天用到最多的就是标签的嵌套了在使用嵌套的时候要注意一点标签的对应位置一定不能搞错了不然会出问题的在做今天的案例的时候在这点上栽了不少跟头

hpb199567 · hpb199567

何平波
今天学了崭新的知识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进行合并,然后将被合并的单元格删掉.

lnongge · lnongge

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

林荣彬 · 林荣彬

林荣彬
今天学习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:绝对定位

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

厦门黑马王子 · 厦门黑马王子

郑雪平

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

柯建程 · 柯建程

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">颜色

望蜀 · 望蜀

HTML Hyper Text Markup Language即超文本标记语言用于编辑网页

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

结构

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

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

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

丶犯二 · 丶犯二

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> 文本域

厦门校区 · 1748341437

林玮
今天学习了一个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
今天学习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 是将我们的信息隐藏提交  没大小限制
最后感谢雪姨关爱!拖后腿了--

光宇 · 光宇

侯玉林

今天讲了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:表示图片

厦门校区 · 376091692

凌辉:
今天学习了WEB的HTML;
主要学习HTML里的标签,常用标签的使用,图片标签的使用,列表标签的使用,超链接标签的使用和表格标签的使用;
重点是表格标签,超链接标签和图片标签;重点的标签要记住

zzx835387607 · zzx835387607

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:单选按钮默认被选中.
   用于单个选择  比如男或女  是与非

郁闷客 · 郁闷客

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

Nevermo · Nevermo

许煜
<!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>

...ylq · ...ylq

叶凌青

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

COLDER · COLDER

本帖最后由 COLDER 于 2018-10-18 19:02 编辑

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

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

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

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

张述明 · 张述明

张述明
今天是新的篇章,步入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属性时做好规划,清晰逻辑可以在行和列中添加数字避免混乱
今天的内容多为记忆性的内容逻辑性的东西较少所以也便于理解.

凉面要趁热吃 · 凉面要趁热吃

黄进安:

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

林荣彬 · 林荣彬

林荣彬:
今天学习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> :文本域.

Eclipse启动 · Eclipse启动

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

帐号		自动登录	找回密码
密码			加入黑马

[Java1期] 【厦门JavaEE就业1期-每日总结】HTML

121 个回复

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

新人专属