એક HTML પાનું એક ઉદાહરણ અને મૂળભૂત સિદ્ધાંતો

ઘણી ભાષાઓમાં શોધ, પરંતુ એચટીએમએલ ભાષા સૌથી ખાસ અને vosstrebovan પૈકી એક છે. તે પ્રોગ્રામિંગ અન્ય કી પહેલ ઘણો સમાવેશ થાય છે. હાઇપરટેક્સ્ટ માર્કઅપ લેંગ્વેજ (એચટીએમએલ) - મચ જ્યારે માર્કઅપ લેંગ્વેજ વિકાસકર્તા હાજર જ્ઞાન મનમાં ઉપલબ્ધ કરવામાં આવે છે.

હકીકતમાં, HTML માં, ત્યાં કશું મુશ્કેલ છે, અને થોડી મિનિટો તમામ મોટા ભાગના પ્રોગ્રામિંગ અને ઈન્ટરનેટ લોકો પાસેથી દૂર નોટબુક માં એચટીએમએલ-પૃષ્ઠો સ્થાપના પરિપૂર્ણ થશે. નોંધપાત્ર ઉદાહરણો, સરળતા, ખરેખર, દરેક માટે ઍક્સેસિબલ.

સામાન્ય વર્ણન

HTML ફાઇલ - એક પાનું સાઇટ, જોકે આ વિવાદાસ્પદ છે, પરંતુ પૃષ્ઠ દીઠ એક ફાઇલમાં, શું છે શરૂ માટે તે સ્પષ્ટ છે.

HTML ફાઇલ એક DOCTYPE હેડર નિર્દિષ્ટ સાથે શરૂ થાય છે કે ફાઇલ પ્રકાર - એચટીએમએલ. બધા પાનું તત્વો (ટેગ્સ) કોણ કૌંસ અંદર દર્શાવેલ છે. દરેક જોડી ( "<" અને ">") એક ટેગ એચટીએમએલ સમાવેશ થાય છે. સામાન્ય એચટીએમએલ ટૅગ્સ જોડી કરવામાં આવી છે, એટલે કે દરેક «ટેગ» માટે «/ ટેગ» છે. બંને કોણ કૌંસ બંધ કરવામાં આવે છે. આગામી લીટી પર સંક્રમણ છે - એક ટેગ, જેમાંના મોટા ભાગના લોકપ્રિય «બીઆર /» છે.

ફાઈલ સૌથી ટેગ - તે જાતે એચટીએમએલ, જે માત્ર બે ટેગ સમાવેશ થાય છે: હેડ અને શરીર. પ્રથમ કિસ્સામાં, વિવિધ સ્પષ્ટીકરણ અન્ય પ્રસંગોચિત પાનું ફાઇલોની લિંક્સ હાજર PHP અને જાવાસ્ક્રિપ્ટ સ્ક્રિપ્ટો હોઈ શકે સૂચક છે. બીજા પૃષ્ઠ લખવામાં સામગ્રી છે. પણ ટૅગ્સ અને સ્ક્રિપ્ટો સ્વરૂપમાં.

સાદી HTML પાનાનું

આવા પાનું બનાવવાની ઉદાહરણ નીચેના લેખમાંથી મળે છે. કાળજીપૂર્વક ધ્યાનમાં લો.

HEAD કલમ

મુખ્ય હેતુ HEAD ટેગ - પાનું અને સામાન્ય સ્ક્રિપ્ટો એક સામાન્ય વર્ણન, જોકે બાદમાં - માત્ર એક સંબંધિત વિચાર. સામાન્ય રીતે ત્યાં પડી માત્ર બે વસ્તુઓ નોંધપાત્ર મહત્વ:

• કીવર્ડ્સ અને પાનાંના વર્ણન;
• અન્ય ફાઇલોની લિંક્સ (* સીએસએસ અને * જેએસ).

આ વિભાગ પૃષ્ઠ સામગ્રી સામગ્રી પ્રદર્શિત કરવા માટે છે કારણ કે તે સૂચવે છે જ્યાં કેટલાક અન્ય ફાઇલો ટૅગ્સ અને અન્ય સ્ક્રિપ્ટો ભાષાઓ માટે સીએસએસ નિયમો હોય છે માત્ર પરોક્ષ મહત્વ ધરાવે છે.

એચટીએમએલ પાનાની એક શીર્ષક (TITLE), જે જ્યારે મુલાકાતી ટેબ જ્યાં પાનું ખોલવામાં આવે છે પર તમારા માઉસ લાવે દર્શાવવામાં આવે છે. આ અગત્યનું છે, કારણ કે તે પાનું વધુ સારી પેઠે સારું, સરળ કહેવું બનાવે વાંચી શકાય તેવા લખાણ પર હસ્તાક્ષર કર્યા.

ઉચ્ચસ્તરીય ટૅગ્સ સામાન્ય વેબ પ્રોગ્રામિંગ મહત્વપૂર્ણ હોય છે, પરંતુ જ્યારે તે એક નોટબુક, અનિચ્છનીય ક્લટર અનાવશ્યક માળખાં એક ઉદાહરણમાં એચટીએમએલ-પૃષ્ઠોની બનાવટ જરૂરી છે.

LINK અને સ્ક્રિપ્ટ લિંક્સ પર ખાસ ધ્યાન ચૂકવણી કરવી જોઇએ. જાવાસ્ક્રિપ્ટ કોડ ફાઈલ સ્થાન - પ્રથમ સ્થળ જ્યાં સીએસએસ સ્ટાઇલશીટ ફાઈલ બીજા છે ઉલ્લેખ કરે છે. આવા લિંક્સ સેટ કરી શકો છો.

તમે સ્ક્રિપ્ટો એક HTML જ્ઞાન તરીકે ગણવામાં જોઇએ નો ઉપયોગ કરતા હોવ મજબૂત બનશે, તો તમે કેસ્કેડીંગ સ્ટાઇલ શીટ્સ પર તરત ધ્યાન ચૂકવણી કરવી જોઇએ. સીએસએસ ફાઈલો, એચટીએમએલ ટૅગ્સ નોંધણી નિયમો ખાસ કરીને થાય છે.

કલમ BODY

હકીકતમાં, એક નમૂનો પાનું HTML - આ દેહને વિભાગ છે. અહીં તે તમામ માહિતી, સામગ્રી પાનું સમાવે છે. તમામ માહિતી, જેમ કે જાવાસ્ક્રિપ્ટ કોડ અથવા PHP પ્રોગ્રામ ટુકડાઓ દાખલ કારણ કે ટૅગ્સ અને સ્ક્રિપ્ટ્સ, સ્વરૂપમાં રજૂ કરવામાં આવે છે.

તે સમજવુ કે જે બ્રાઉઝર અને આવા નોટપેડ તરીકે લખાણ સંપાદક જ ઉદાહરણમાં એચટીએમએલ વેબ પૃષ્ઠોની ઉદાહરણ તરીકે, આ જ વસ્તુ નથી મહત્વનું છે. પ્રથમ કિસ્સામાં અમે તૈયાર એચટીએમએલ લખાણ જેમાં તમામ સ્ક્રિપ્ટો આપવામાં આવે છે. ઉદાહરણ તરીકે, PHP તેના ભાગ પૂરો અને યોગ્ય સ્થળોએ ટૅગમાં કોડના બદલે રચાય છે. જાવાસ્ક્રિપ્ટ પણ, તેના મિશન પરિપૂર્ણ છતાં વિશે તે હજુ સુધી અલગ વાતચીત કરી શકાય છે.

એચટીએમએલ - તે સ્ક્રિપ્ટો બદલે ટૅગ્સ. આખરે, માત્ર પાનું બ્રાઉઝરમાં પ્રદર્શિત સામગ્રી, પરંતુ તેની ટેગ. કોઈ PHP કોડ ત્યાં નથી.

જાવાસ્ક્રિપ્ટ એક ખાસ સ્થિતિ, તેમની સંભાળ હેઠળ છે - માત્ર બુટ સમય (ભારને) ખાતે પાનું આપવા માટે, પરંતુ પળોમાં પાનું મુલાકાતીઓની બ્રાઉઝરમાં હોય ત્યારે, અને તે સ્ટડીઝ.

એક સરળ ઉદાહરણ કોડ એચટીએમએલ-પાનાંના (માત્ર BODY કલમ) નીચે દર્શાવેલું છે.

નીચે બતાવ્યા પ્રમાણે એક મુલાકાતી બ્રાઉઝર તે જુએ છે.

કોડ ઉલ્લેખ કર્યો ન હતો તત્વો કે જે બ્રાઉઝર લાવવામાં જેવો હવો જોઈએ. બધા ડિઝાઇન સીએસએસ નિયમો દેખાય છે. આ કિસ્સામાં, Mcss / scPhpWordRW.css ફાઈલ સંદર્ભ કરવામાં આવી હતી (જુઓ. એક પૃષ્ઠ HTML ની પહેલીવાર ઉદાહરણ તરીકે).

વિપરીત એચટીએમએલ, સીએસએસ થીમ સરળ છે, ત્યાં ખૂબ જ સુલભ નિયમો છે અને તેમની સંખ્યા નાની છે, જ્યારે એચટીએમએલ-પૃષ્ઠો બનાવટ ઉદાહરણ નોટપેડ કરતાં અન્ય કંઈપણ જરૂર નથી. બધું તાત્કાલિક વિકાસ માટે ખૂબ જ સુલભ છે:

આ દર્શાવે છે કેટલી સરળ છે તે ટેગ scLogo_vDoc વર્ણવવામાં આવે છે, અને આ વર્ણન ટૅગ એક સામાન્ય સ્થિતિમાં એક ચિત્ર vDoc-logo.png દર્શાવે છે, અને માઉસ તેની પર હોય ત્યારે - પ્રદર્શિત vDoc-લોગો-H.png.

એચટીએમએલ વર્ણનો માળખું

ભાષાના માળખામાં મૂળભૂત વિભાવનાનું અન્ય વાક્યરચના કોઈપણ બહાર વહન સમાવેશ નથી અહીં ખૂબ જ સંબંધિત છે. ત્યાં કોઈ વેરિયેબલ્સ છે, પરંતુ તકો પુષ્કળ હોય છે. હાઇપરટેક્સ્ટ મૂળભૂત આધાર એક તત્વ (TAG) એક નામ હોય તેની ખાતરી છે કે ત્યાં છે.

કેસ નામ ટેગ જોડી, યોગ્ય નામો (tagName) અને કોણ કૌંસ બનેલા ( «<» + tagName + «>»), જો અમે ટેગ શરૂઆતમાં, અને વિશે વાત કરી રહ્યા «», જો રેકોર્ડ તેના અંત.

નીચે લખાણ સ્થિત ગુણધર્મોને વર્ણવતા HTML પૃષ્ઠો ઉદાહરણ.

ટેગ ગુણધર્મોને હોઈ શકે છે, તો પછી તેઓ એક જગ્યા મારફતે ટેગ નામ પછી બંધ કોણ કૌંસ પહેલાં મૂકવામાં આવે છે ">". લક્ષણો, જો તેઓ ટેગ માત્ર શરૂઆતમાં રેકોર્ડ કરવામાં આવી છે. ટેગ સામગ્રી કે જે શરૂઆત ટેગ અને તે અંત વચ્ચે આવેલું છે.

કુલ HTML સામગ્રી વર્ણનો

એચટીએમએલ તમે બ્લોક અને ઇનલાઇન તત્વો વર્ણવવા માટે પરવાનગી આપે છે. પ્રથમ કબજો બ્રાઉઝર વિન્ડોમાં ચોક્કસ વિસ્તારમાં સ્થિત કરી શકાય છે સંપૂર્ણપણે, કે પ્રદર્શન એચટીએમએલ-પૃષ્ઠોની ક્ષેત્રમાં યોગ્ય જગ્યાએ છે, અને એક ચોક્કસ માપ છે.

ઇનલાઇન તત્વો સામાન્ય રીતે, એટલે કે, એક થ્રેડ દેખાય તરીકે પૃષ્ઠની ફાઈલમાં જણાવવામાં આવ્યું હતું, અને સ્ક્રીન પર પ્રદર્શિત થાય. જ્યારે પૃષ્ઠ લોડ થાય કુલ ફ્લો પ્રદર્શન પ્રભાવિત કરી શકાય છે. પ્લેસમેન્ટ, દૃશ્યતા, અને બ્લોક તત્વો અન્ય ગુણધર્મો પર JavaScript કોડ મારફતે કોઈપણ સમયે પ્રભાવિત કરી શકાય છે.

સરળ તત્વો ઉપરાંત, એચટીએમએલ કોષ્ટકો અને સ્વરૂપો વર્ણન કરવા આપે છે. આ ઘટકો માંગ ખૂબ છે "રોજિંદા સાઇટ મકાન."

ટેબલ વર્ણન: ટૅગ્સ ટેબલ, TR ટીડી

કોષ્ટક ટેગ કોષ્ટક બનાવવા માટે વાપરી શકાય છે, ત્યારે ટીડી કોશિકાઓ નંબર માટે એક પંક્તિ માં પંક્તિઓ અને TR માં એક સંખ્યા સ્પષ્ટ કરો. સંસ્થા સામાન્ય ટેબલ, કુદરત એચટીએમએલ-માર્કઅપ ટેબ્યુલર સંસ્થા આ ઘોષણા સુધી મર્યાદિત કારણે વિપરીત કારણ કે વિકાસકર્તા એક લંબચોરસ ટેબલ જ તમામ હરોળમાં કૉલમ નંબર હોય, તો પછી તેને અનુસરવા જોઈએ કે પોતાને માટે કરવા ઇચ્છે છે તો.

HTML ની નીતિમત્તાપૂર્ણ સ્થિતિ: ગમે છે, પરંતુ કાંઈ નથી કે સમજી શકાયું નથી. કેટલાક કિસ્સાઓમાં તે કોષ્ટકની દરેક પંક્તિ કૉલમ નંબર જેથી મહત્વપૂર્ણ નથી, પરંતુ જો તમે સીધા કે ઉભા મર્જ કોષો કરવા માંગો છો, તે ખૂબ જ કાળજીપૂર્વક બધા ગણતરી માટે જરૂરી છે.

એક સરળ ટેબલ એક વર્ણન સાથે ઉદાહરણ એચટીએમએલ પાનું ગ્રાફિકલી લેખમાં દર્શાવવામાં આવે છે.

સ્તંભ હેડર - અહીં ત્રણ કૉલમ્સ દ્વારા ત્રણ પંક્તિઓ કદ દર્શાવતું કોષ્ટક, પ્રથમ પંક્તિ ટેગ ટીએચ ટીડી ટેગ બદલે ઉપયોગ કરવામાં આવ્યો હતો છે. ખાસ કરીને અલગ આ બે ટૅગ્સ છે નથી, પરંતુ તે પ્રથમ ટેબલ પ્રથમ પંક્તિ વચ્ચેનો ભેદ નક્કી કરવા ઉપયોગ કરવો શક્ય છે, અને ટીએચ માટે CSS માં, તમે તમારી પોતાની શૈલી છે, જે તેને અન્ય ટીડી અલગ જોડી શકો છો.

વર્ણન ફોર્મ: ફોર્મ ટેગ, ઇનપુટ

ફોર્મ - આ એચટીએમએલ-ટૅગ્સ સૌથી માગણી ભાગ છે. ઉપયોગ કરીને ફોર્મ્સ માહિતી ટ્રાંસમિટ કરી શકે છે. ખરેખર, પાનું - આ પ્રદર્શન માહિતી, પરંતુ ફોર્મ - ઇનપુટ.

એક સરળ ફોર્મ વર્ણન સાથે ઉદાહરણ HTML દસ્તાવેજનાં દરેક પાનાંની:

સ્વરૂપો વધુ ઉપયોગો, પરંતુ મુખ્ય લક્ષણો નીચે મુજબ છે. તમે ઇનપુટ ક્ષેત્ર સ્પષ્ટ કરી શકો છો, તો તમે તેમને વપરાશકર્તા ઇનપુટ વિશ્લેષણ માટે ડિઝાઇન અને ઘટના હેન્ડલર્સ સોંપી કરવાની જરૂર છે. તમે છુપાયેલા ક્ષેત્ર સ્પષ્ટ અને પાનું પૃષ્ઠભૂમિ પાસેથી માહિતી ટ્રાંસમિટ કરી શકે છે. તમે માહિતી ટ્રાન્સમિશન બટન નિયુક્ત કરી શકો છો, દબાવીને કે ડેટા ટ્રાન્સફર પ્રક્રિયા શરૂ.

એચટીએમએલ મદદથી

હાઇપરટેક્સ્ટ ભાષા જાણવા માટે - ઇન્ટરનેટ પ્રોગ્રામીંગ ક્ષેત્રમાં કોઈપણ કામ વિશેષ માટે અનિવાર્ય શરત છે, પરંતુ જો તમે PHP અથવા JavaScript માં એક પ્રોગ્રામ લખવા માંગો છો, તો પછી ખબર HTML + + સીએસએસ સંપૂર્ણપણે જરૂર છે.

PHP, ભાષા અગાઉના ઉદાહરણમાં ઓળખવામાં આવ્યું છે. PHP, સર્વર પર ચાલે છે કારણ કે આ ફોર્મ સાથે પાનું સર્વરમાંથી ભરવામાં ક્ષેત્રો સાથે બ્રાઉઝરને ઉડાન ભરી હતી. ખાસ કરીને, TestOnBlur કાર્યો ટૅગ ઇનપુટ (onblur ઘટના સંભાળનાર) માં પણ ઉલ્લેખ, લખાણ ક્ષેત્રો સ્વરૂપમાં બધા પરિમાણો મળ્યો હતો.

બ્રાઉઝર JavaScript ચાલે છે, અને યોગ્ય રીતે માહિતી પાછા સર્વર બટન મોકલી કામ કર્યું હતું, જે ડિઝાઇન :. onclick = jQuery ( '# એક') વૅલ ( 'કાર્ટ'), તે જરૂરી છે તે જાણવા માટે માત્ર વિશે શું jquery, પરંતુ શું #to, વૅલ, કાર્ટ. વધુ સ્પષ્ટ રીતે, તે બેઝિક HTML ટૅગ્સ અને તેમને CSS શૈલીઓ અરજી સામાન્ય નિયમો જાણવા જરૂરી છે.

આ ઝડપથી ઇન્ટરનેટ પ્રોગ્રામિંગ વિસ્તારમાં કોઇ વિશેષ લાયકાત વધારવા માટે પર્યાપ્ત છે.