HTML5效完便错过浪迹天涯的我…

并且是一致场别离

初涉H5的求学,完全萌新一朵,每天则累却的确前所未有的加码,不敢发好几懒散,真的不思时间白白浪费。到今结束,会了概括的表单制作,还有一点点不大的引以自豪,多的背了,下面展示下我这同全面的学习笔记吧!再糊上自自己做的有些表单!

9月29日,在本月临近的尾声的今日,我还要拾自了我的编著,感觉有点不方便。不明了写啊,的确,好久没写过了。

图片 1

人生发出下就得逼自己一样管,辞职,今天凡自个儿裸辞的第一上,我告诉要好户敢辞一月万儿八千的工作,我为什么非敢辞去一卖月工资五千缘内之办事为,可当真辞去的那一刻本身才亮那是同等栽什么经验,恐慌,从未发生过的手足无措,从今天上马,我不见面起同划分钱之低收入,就设借助就几乎独月之薪资撑到自家能够盈利回第一笔钱,从未起过之更,确实会叫自家惊慌失措。

<!DOCTYPE html>
<html>
    <head>
        <meta charset=”UTF-8″>
        <title>打吉祥小游戏</title>
    </head>
    <body>
        <form action=”_05html-表单.html” method=”get”>
            <table>
                <tr>
                    <td>注册手机号</td>
                    <td>
                        <input type=”text” name=”tel” />
                    </td>
                </tr>
                <tr>
                    <td>注册密码</td>
                    <td>
                        <input type=”password” name=”password”
/>
                    </td>
                </tr>
                <tr>
                    <td>备用邮箱</td>
                    <td>
                        <input type=”text” name=”mail”/>
                    </td>
                </tr>
                <tr>
                    <td>上传头像</td>
                    <td>
                        <input type=”file”/>
                        
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type=”submit” value=”提交” />
                    </td>
                    
                </tr>
                <tr>
                    <td>图片点击提交→</td>
                    <td>
                        <input type=”image” src=”../img/icon.png”
/>
                    </td>
                </tr>
                <tr>
                    <td>游戏偏好</td>
                    <td>
                        <input type=”checkbox” name=”hobby”
value=”抽” />抽
                        <input type=”checkbox” name=”hobby”
value=”扇” />删
                        <input type=”checkbox” name=”hobby”
value=”捶” />捶
                        <input type=”checkbox” name=”hobby”
value=”踹” />踹
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

偶,成长才是弹指之间的事务,那一刻,我备感好忽然变换得成熟,学习、早起、跑步,不再要强迫自己去做。很易我就算形成了,即使今天早上因感冒浑身不舒适,我或者会准时起床,从没这么自律过。

 

几乎上前我曾想了解而辞职的时自己忽然就想明白了,我之个人品牌如举行啊——我报告女人我而于我之众生号从名叫做《家发生男女》,我试着用自所学去履行,教育好同一复儿女的以失去教会广大年轻的父母亲怎么去是的育自己之子女。

 

召开这的丁非以少数,但是我哉想分一杯羹,加入她们之斗争阵营。

一.meta标签常用性

春风化雨不是一模一样客学科,但着实是千篇一律山头艺术。初也家长的我们的确用去学怎么和孩子进行实用联系。

1.charset:设置文档的字符集编码格式

身处互联网是我们的机,借这个我们得和大年轻家长进行交流,我们好借鉴前人走过的路程不必再错过涉水,我们可以知晓的指点协调欠去学习啊,甚至我们得节约许许多多试错的“弯路”,我们好同步向西,甚至从不怪鬼怪的拦路,去迎取我们心坎的那么份天经。

HTML5蒙受装置字符集编码:<meta
charset=”UTF-8″>

于单位出来的那么一刻粗要有些惆怅,父母、朋友还在劝自己若顿时同时是何必,一份家门口的劳作,失去了审不是那好的,可是我发生自己好之想法,我坚信这是相同次于会,我坚信人生来时分需要逼自己同把。

 

从今日上马我便安心做自己之事儿,再也不是什么人的手下人,没有丁可以假设唤我、打断自己正开的业务。’

>>>常见的字符集编码格式:

以简书,《月亮与六便士》是老大恼火之同一总统书,而那本书就是是鞭策人们要是啊自己之梦想不惜放弃所有。我的即卖工作真不值得我也他贪恋太多。一切的整套就因自己之匪争气,因此要发出的全后果都是自身该付的代价。

a.GB-2312:国际码,简体中文

经过读赵周先生的《这样看就足足了》,我自从里面知悉了过多走红之写,大多是国内外各行各业的英才们所著的经图书,从平开始念廖靖宇的《生活于你的且是您能承受的》到今读的各一样遵循都是经,从同开始的漫无目的到现读每一样本书都是准备去解决一栽问题要上一栽技术,我的阅读更加偏向成人学习之趋向在突进,也许就即是一致栽进步,只是这种发展显得略微缓慢,以至于自己有硌着急。

b.GBK:扩展的国标码

一个基本上月份不去敲字,现在本身已经不会见敲字了,思维以及手指还不灵活,敲字很缓慢,我打床差不多一个钟头敲出来的字儿也刚好过一千基本上许。这样的速度显著不克在规定时间外完成任务(我求自己每日写2400字儿)。

c.UTF-8:万国码,Unicode

兴许有时候过于去强调字数会反而限制了我的合计,创作越发像是流水作,刚刚还在怀念自己如果举行什么,此刻却全然无记要描绘什么了,一直惦念做的事宜也怎么呢从没做成。

2.http-equiv属性:将我们的音信写为浏览器看,让浏览器按照这之中的求实行,

实际我是十足懒惰的,前几乎上刚刚读《如何说孩子才见面听,怎么放任孩子才愿意说》的时候自己颇理解的记忆书中讲了描写几什么内容,现在也什么呢未记了。要惦记去形容点什么,却不知从何处入手。‘

而选属性值:Content-Type(文档类型)refresh(网页定时刷新)set-cookie(设置浏览

秋从来都未是我们经历了什么,而是我们懂得的领悟自己快要经历什么,至少我们明白好一旦失去开啊,要运动什么样的里程。

器cookie缓存)

足足我们以倒各一样步路的时节清楚的知情那是一模一样步什么样的里程,为之我们会博得什么,失去什么,至少在此后我们领略自己之所召开所吗到底什么地方是科学的,而什么地方是按照不拖欠迈出去的那么同样步。

亟待配合content属性使用。(http-equiv属性只是表明要装哪一部分,具体的设置情节吧,

今日的马上篇稿子写的不可开交的不便,我发现自己其实就是擅长写有日志等等的篇章,而几全无会见说话道理或者去谈起一致本书到底说了数什么,这是同样种能力的贫,一栽致命之力欠缺。

放到content属性中)

自如果举行的事其实就是是要由此做,通过文字去证明一件工作,乘着互联网的东风做成一番业,而当时,首先要举行的事体就是明白一宗事情,不但语言要生动、观点时,还要会摆故事,知道怎么用一个故事或一个事例说了解自己所扔来之见识。这,看似简单,实际上绝不是一律宗容易之事体。

3.name属性:使用办法与“http-equiv”,将我们的音信写为寻找引擎

自身身边的人且未懂得我在举行的事情,谁还不相信我能借助在家写字就会达自己所设的落成,谁都未信仰我得以毫无出上班,呆在爱人便能挣到钱。的确,直到现在我还是没赚钱到同样分钱,的确直到现在我依然是一个写流水作的新家,直到现在我还无亮堂该怎么去讲明白一项事情,直到现在我还是没有以简书发表哪怕一首文章。

常用都需控制的特性:author(作者)

本人不时都是这么,在小有些得一些前行的时我倒无明了该怎么去继续着力,经常还是于快要成功之时段自己管不歇好,要么放弃还是不可知连续坚持不懈了。

keywords(网页根本字)description(网页描述)这点儿独特性设置,网页必不可少

咬牙做2独月,可是以9月本身不怕根本放弃,我记不清了赛功能人士的习惯,我竟无记我该怎么养成一种微习惯,我还自己不再以晨喝一样海白开水,我一心不记得“中断两龙以上就在问题”的忠告。

–>

岁月都休同意自己继续写下去了,庆幸之是今天创作之一个大抵时我直接格外清醒,没有犯困,只是老的思维抛锚,我到底想起我们中间的莫喜。我总记得那些人的无情。我毕竟认为就是同胞不语信用之一个缩影,这种感觉我说不清楚却清楚的发到深入的伤感。

<!–作者–>

自身不再那么恨了,对于做出叛举的那些口自身耶不要命他们,他们值得原谅,但愿我莫带他们活动及平等漫长未归路。人生就是这般一次次的大团圆又分别,在众只分别之阵痛里学会成长。

<meta
name=”author”content=”http://www.jredu100.com"/&gt;

自家之修身不够,我的学识不高,很不便用自我思念说之抒发清楚,但是自总要懂一截分别最让丁难受的不是若丢失了哟,而是于是乃如跟你熟悉的一路生生分离。那个熟悉的房间,那个而熟悉的办公、熟悉的工位,一切都跟你无关,当你看墙上空荡荡的,再为绝非您的职务、你的照,你的名字生生被人起签证到本上删除,这周意味着是地方又为与你没涉及了。这种感觉不好,很不好。

<!–网页关键字,多只主要字用英文符号分割–>

究竟我还是写起了即段感受,因为自己掌握的感觉到到了那种疼痛,这是清清楚楚不容否认的感觉,我祝福你们了好,那真的是一致客工作,一客好养家户口的生意,值得你们不错珍惜,值得你们义无反顾甚至负骂名,这是单最现实的精选。好吧,祝你们好运,而自,属于自之“英雄之路”才刚刚开始。祝自己同美好,追求属本人自己之“不甘平庸”……..

<meta
name=”keywords”content=”HTML5,网页,web前端开发”/>

<!–网页描述:搜索网站经常,title下面的诠释文字.至关重要!–>

<meta
name=”description”content=”这是自己之率先只网页”>

<meta charset=”UTF-8″>

二.title标签:网页的标题,即网页选项卡上的仿

<title>培训第一天</title>

三.使用link标签:链接网页图标(title前之略微logo)

rel属性:声明连接文件之项目,此处选icon

type属性:可以简单

bref属性:表示图片的门路地址

<link rel=”icon”
href=”../img/icon.png”/>

四.常用块级标签

<h1></h1>……<h6></h6>

<!–h标签:标题标签,自动加多少,h1最老,h6最小–>

<hr/>:水平线标签(哪里需要拓宽哪里就是同修水平线)

<p></p>:段落标签(如果漏写结束标签,到下一个html标签了)

<br/>:换行标签(换行符,打回车只会翻成一个空格)>

<blockquote></blockquote>

<!–引用标签,cite属性,表明引用的源于,一般表明引用网址,浏览器默认显示为首行缩进–>

图片 2

<pre></pre>:预格式标签(承载代码)

浏览器默认显示样式:1,显示也当方便字体 2,代码中的换行,空格等因素而每当浏览器直接显示。

补偿:HTML文件中“&nbsp;”表空格(不同浏览器对长解析不均等)

<ol></ol>:有序列表

<ul></ul>:无序列表(网页布局大重要)

里,<li></li>列表项都得以出N多桩

<dl></dl>:定义描述列表:<dl></dl>

列表标题:<dt>一般就发雷同起</dt> 标题顶格显示

列表描述项<dd>可以发N多宗</dd> 描述项相对标题进行缩进显示

*顾嵌套时列表不可知陆续*

<div></div>:分区标签

五.常用行级标签

span(文本):无实际意义,用于包裹有有文字,修改特定样式

q(短引用):语法:<q
cite=”http:baidu.com”>这是少引用标签q中之亲笔</q>

small(缩小字体):可以基本上重复嵌套直到字体最小

big(放大字体):可嵌套直到最特别

em(强调)

strong(强调)

a(超链接)

i(倾斜)

b(加粗)

***strong,em,b,i标签的区分***:

1、strong和em都意味强调,strong显示为粗体,em显示也倾斜。而且,

strong的强调品位比em更胜

2、strong和b都能加多少,em和i都能斜,但是,strong和em多矣同一重叠强调的语义,HTML5语言,要求标签尽可能的兑现语义化。

 

  img(图片)
       1、src:表示援引图片的地址
            路径地址的写法:
            ①相对路径:以时文件也以,去摸索图片地址
                    a、与公事处于相同层的图样,直接写图片名
                    b、图片以现阶段文件下同样重叠:文件夹名/图片名
                    c、图片以当下文件及等同重合:../图片名
            ②绝对路径:file:///盘符:/文件夹/图片.后缀名    
但是严禁动用!
            ③网络地址:网络直达之图片链接。但是一般不采取,因为生意外。
          
 2、height=””width=””图片的增幅高度。可以就此ccs样式(style=”width:;height:;”)代替
            3、title:图片标题,鼠标指上后显得的亲笔。
            4、alt:当图片无法展示的时段,显示的文。
          
 5、align:设置图片周围文字相对于图片的岗位。top,center,bottom

 

  a(超链接):

    1、href:超链接的门径,可以是网链接,也得是当地文件(路径确定与img)

    2、target:用过链接打开的职务。_self自身页面(默认),_blank新页面

    3、title:鼠标指上后出示的文

    4、(了解)rel:用于表明被链接文档与时文档的涉嫌;

      
rel=“prev”被链接文档是眼前一样篇文档 rel=”next”被链接文档是继同首文档

    
  (记住)rel=“icon”被链接图片是当下文档的图标
rel=“stylesheet”被链接文档是时下文档的样式表

      rel=“prefetch”预加载,在时下文档加载成功后,用空余时间预加载即将链接的文档

   5、锚链接:

     ①.本页面锚链接:a.设置锚点:<a
name=”top”></a>

            
b.在超链接上,使用name跳反至对应锚点

           <a href=”#top”
target=”_self”>这是一个锚点</a>

      
②.页面间锚链接:a.在将要跳转的页面的指定位置,设置锚点

            
b.在超链接的href中属性,使用”页面地址.html#name”

            <a
href=”t.html#hip”>跳反到新页面的岗位</a>

6.功能性链接: mailto://jianghao@jerei.com
用于受指定邮箱发送邮件

           file:///e:/a.jpg
打开当地文件(只能当该地文件中开辟)

          tencent://message/?uin=qq号
给指定qq发消息

    s有无意文本

    <s>这是s标签中文字</s>

    图片 3

    cite标签:浏览器显示也斜体,常用于书、画作

    图片 4

    <!–mark:高亮或标志文本,浏览器显示为香艳背景–>

    <mark>aaaa</mark>图片 5

 

  六.表格

图片 6

[table常用属性]:

1、border:给表格添加边框,当border属性增大时,只有外围框线增加,单元格的边框始终为1px

2、cellspacing:单元格及单元格之间的茶余饭后距离,当cellspacing=“0”,只见面要单元格间隙也0,但不见面联合边框线。

【表格边框合并】style=“border-collapse:collapse;”,无需重新写cellspacing

3、cellpadding:每个单元格中的内容,与边框线的相距。

4、width,height:表格的宽高

5、align:表格在屏幕的不当中右位置显得,left,center,right

>>>注意:给表格加上align属性,相当给为表格浮动,会直接打破表格后的要素的原的排列方式

6、bgcolor:背景色,等同于style=“background-color”

7、background:

background=”../img/gx.jpg”

背景图片
等同于style=“background-image”且背景图片会盖背景颜色

8、bordercolor=“blue” 边框颜色

 

【tr和td相关的特性】

1、width/height: 单元格的宽高

2、bgcolor: 单元格的背景颜色

3、align:left center right
单元格中之字,水平对齐方式

4、valign:top center bottom
垂直对齐方式

5、nowrap:nowrap=”nowrap”
单元格中文字不换行

 

只顾:1、当表格属性与行列属性冲突时常,以行属性也准.(作用范围进一步小优先级更强,近者优先)

2、表格的align属性,是控制表自身以浏览器的显示位置

行和列的align属性,是决定单元格中文字当单元格中之针对性齐方式

3、表格中之align属性,并无影响表格内文字的水准对齐方式

tr的align属性,可以操纵一行中持有单元格的档次对齐方式

 

[报表的跨行与跨列]

colspan
跨列,当有格跨N列时,其下手N-1独单元格需删除

rowspan
跨行,当有格跨N行时,其下方N-1单单元格需删除

七.表单

        语法:<form>…</form>

        一般和table配合下,table负责页面架构,起实际交付作用的是form,互不影响

        <form
action=”表单提交地址” method=”提交方法”>…</form>

        form表单

        1.鲜独重点性质:action-表单提交的服务器地址
method-表单提交数据的措施(get/post)

         2.get和post的区别:

        ①get:使用url传参:http://服务器地址?name1=value1&name2=value2(?表示传递参数,?后面采用name=value的形式传递,多个参数之间,用&链接)

         url传参不安全,所有消息但每当地址栏看到。并且可由此地方栏随意传递其他数。

        
url传递数据有限,只能传递少量数码。

②post:使用http请求传递数据,url地址不可见,比较安全,且传输数据并未限定。

综上,常用post传输数据

3.【input标签和性】

①type:input输入框的品类

②name:input输入框的别名,一般情形下自然填。因为传递数据时以
name=value的形式传递

③value:input输入框的默认值。

④placehold:input的提示内容,当输入框来value时,提示内容没有。

⑤(了解)tabindex=”1″控制点击tab键时之跳转顺序,从不过小之开始,逐个往大之数值过反取焦点。

【input特殊属性值】

①checked=“checked”默认选中

②disabled=“disabled”设置控件不可知运用,用在按钮上不能够点击,用当输入框上无克改。而且只要输入框disabled,则输入框信息以无能够往后大传递。

③hidden=“hidden” 隐藏。等同于<input
type=”hidden”/>

经常用于配合disabled,或基于其他急需,使用隐藏域传递数据。

图片 7

 

4.【input-type属性详解】

①text:文本输入框

②password:密码输入框,输入内容经常显得也稍黑点

③radio:单选按钮,

checkbox:复选按钮

>>>name和value属性需以在,提交时,提交的凡value中的属于性值。

如:<input type=”radio” name=”sex”
value=”男”/>提交时显示为”sex=男”

>>>radio凭借name属性区分是否为同组,name相同,为同组,同组中单能够选一个。

>>>checked=”checked”默认选中(radio只能选择一个,checkbox可以选多只)

④file:文件上传按钮

⑤submit:提交按钮,提交表单数据。

⑥reset:重置按钮,将表单数据重置为初步状态

⑦image:图形提交按钮,功能同submit,可以交到数据

⑧button:普通按钮,没有其他作用。

 

<input type=”submit” value=”注册”/>

图片 8

<input type=”submit”/>

图片 9

<input type=”text” name=”username” placeholder=”请输入用户名” />

图片 10

<input type=”radio” name=”sex” value=”男” checked=”checked”/>男

<input type=”radio” name=”sex” value=”女”/>女

图片 11

<input type=”text” name=”username” value=123 disabled=”disabled”
/>

图片 12

5.【下拉框控件select】

①写法: <select>

<option></option> //可以有N多个

</select>

②name属性:写以select上,所有选项才生一个name

③multiple=”multiple”设置select控件为多选择。可于装界面按停ctrl进行多选。一般不用

图片 13

 

④option常用属性:

value=””:当option没有value属性时,往后台传递的凡<option></option>标签中的仿;

当option有value属性时,往后台传递的是value属性的价

示例:<td>

<select name=”city” >

<option value=”1″>青岛</option>

<option value=”2″>湖北</option>

<option value=”3″>济南</option>

<option value=”4″>烟台</option>

</select>

</td>

http://127.0.0.1:8020/A%E6%9C%80%E9%87%8D%E8%A6%81%E7%9A%84H5/%E4%BD%A0%E7%AE%A1%E6%88%91%E8%B5%B7%E4%BB%80%E4%B9%88%E5%90%8D/HTML–/\_01html–head.html111?city=3

title=””鼠标指上后出示的契

selected=”selceted”:默认选中

⑤<optgroup
label=”山东省”></optgroup>:用于将option标签进行分组,label属性表示分组名。

图片 14流动:name起名叫时,不可知盖数字开头,不能够为此汉语,不克生出除下划线以外的其余特别封号,不能够起空格。

 

 

 

6.【文本域textarea】

①写法:<textarea></textarea>

②安装富有高style=”width:200px;height:100px;”
自身发生cols=””rows=””两只属性但是不常用

③readonly=”readonly”设置为特念模式不能够编。

④style=”resize:none;”设置也富有高不同意修改

⑤style=”overflow:
;”设置当文字超出区域时,如何处理(不是textarea专属,div也堪设置)

>>>也可以透过overflow-x/overflow-y分别安装水平垂直方向的显示方式

>>>常因此属性值:hidden 超出区域之契,隐藏无法展示

scroll 无论多少字,均会显滚动(默认样式)

7.【表单的边框和标题】

<fieldset> //表单边框

<legend></legend> //表单标题

</fieldset>

>>>如果想如果被标题嵌入到边框中,需用题目标签写及边框标签里。

>>>一个表单,可以起多组边框+标题的做。

图片 15

 

8.【HTML5
智能表单】

①H5初添input的form属性,用于因为特定form表单的id,实现input无需在form标签中,即可通过表单进行付出。

<form id=foo>…</form>

<input …form=”foo”/>

②初增属性查看表格

图片 16

③input元素的新增属性:

Autocomplete:自动完成功能:记录用户之前输入的始末,并以下次输入时,自动提醒完成输入。

>>>属性值:on/off

>>>可以以form表单上用,对整张表单的备控件进行活动就的开关。也得于input上动,对特定输入框进行改动。

>>>绝大部分浏览器,默认开启。

 

Autofocus:自动取焦点:autofocus=“autofocus”,只能设置input元素自动获得焦点。

Form:所属表单:通过form表单额id,确定这input输入哪张表单

Required:必填:required=“required”设置input必填,否则阻止提交

Pattern:使用正则表达式验证input的模式

Placeholder:提示内容,当起value时,提示内容没有。

 

 

 

哼了多就是这些吧,还想多多指教,有误的地方啊请大神们指出。

Time is simply how you
live your life

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图