HTML ટેગ્સ

HTML Tags

• HTML tags are used to define elements on a web page
• Tags usually come in pairs, with the opening tag preceding the content and the closing tag following the content
• The basic structure of a tag is < tagName >content tagName >
• There are two types of tags:
  • Container tags: surround content and apply formatting or meaning (e.g. <p>paragraph</p>)
  • Empty tags: do not surround content and are used to add functionality (e.g. <img src="image.jpg" alt="image.jpg">)

HTML Attributes

• HTML attributes are added to tags to provide additional information
• Attributes are written in the opening tag and consist of a name and value, separated by an equals sign (e.g. src="image.jpg")
• Attributes can be required or optional, depending on the tag
• Common attributes include:
  • id: assigns a unique identifier to an element
  • class: assigns a class or classes to an element for styling
  • style: applies inline styles to an element
  • src: specifies the source of an image or other media

HTML Forms

• HTML forms are used to collect user input and send it to a server for processing
• The basic structure of a form is ...
• Key elements of a form include:
  • input: creates a form input field (e.g. text, checkbox, radio button)
  • textarea: creates a multi-line text input field
  • select: creates a dropdown list
  • label: associates a text label with a form input field
  • submit: creates a submit button
• Form attributes include:
  • action: specifies the URL to send the form data to
  • method: specifies the HTTP method to use (e.g. GET, POST)

HTML Tables

• HTML tables are used to display data in a tabular format
• The basic structure of a table is ...
• Key elements of a table include:
  • tr: defines a table row
  • td: defines a table data cell
  • th: defines a table header cell
  • caption: defines a table caption
• Table attributes include:
  • border: specifies the border width and style
  • cellpadding: specifies the space between the cell content and border
  • cellspacing: specifies the space between table cells

HTML ટેગ્સ

• HTML ટેગ્સ વેબ પેજ પર એલિમેન્ટ્સને વ્યાખ્યાયિત કરે છે
• ટેગ્સ સામાન્ય રીતે જોડીમાં આવે છે, જેમાં ઓપનિંગ ટેગ સામગ્રી પહેલાં આવે છે અને ક્લોઝિંગ ટેગ સામગ્રી પછી આવે છે
• ટેગની બેઝિક સ્ટ્રક્ચર < tagName >સામગ્રી છે
• બે પ્રકારના ટેગ્સ છે:
  • કન્ટેનર ટેગ્સ: સામગ્રીને ઘેરે છે અને ફોરમેટિંગ અથવા અર્થ આપે છે
  • એમ્પ્ટી ટેગ્સ: સામગ્રીને ઘેરે નથી અને ફંકશનાલિટી ઉમેરે છે

HTML એટ્રિબ્યુટ્સ

• HTML એટ્રિબ્યુટ્સ ટેગ્સને વધુ માહિતી પૂરી પાડે છે
• એટ્રિબ્યુટ્સ ઓપનિંગ ટેગમાં લખાય છે અને નામ અને વિલ્યુ એકસરથી અલગ છે
• એટ્રિબ્યુટ્સ રકાપાતી અથવા ઓપ્સનલ હોઈ શકે છે
• સામાન્ય એટ્રિબ્યુટ્સમાં સમાવેલા છે:
  • id: એલિમેન્ટને યુનિક આઈડી આપે છે
  • class: એલિમેન્ટને ક્લાસ અથવા ક્લાસો આપે છે
  • style: એલિમેન્ટને ઇનલાઇન સ્ટાઇલ આપે છે
  • src: ચિત્ર અથવા અન્ય મીડિયાનો સોર્સ નિર્ધારિત કરે છે

HTML ફોર્મ્સ

• HTML ફોર્મ્સ યુઝર ઇનપુટ એકઠું કરે છે અને સર્વર પર પ્રોસેસિંગ માટે મોકલે છે
• ફોર્મની બેઝિક સ્ટ્રક્ચર < form >... છે
• ફોર્મના મુખ્ય એલિમેન્ટ્સમાં સમાવેલા છે:
  • input: ફોર્મ ઇનપુટ ફીલ્ડ ક્રિયેટ કરે છે
  • textarea: બહુલેખી ટેક્સ્ટ ઇનપુટ ફીલ્ડ ક્રિયેટ કરે છે
  • select: ડ્રોપડાઉન લિસ્ટ ક્રિયેટ કરે છે
  • label: ફોર્મ ઇનપુટ ફીલ્ડ સાથે ટેક્સ્ટ લેબલ જોડે છે
  • submit: સબમિટ બટન ક્રિયેટ કરે છે
• ફોર્મના એટ્રિબ્યુટ્સમાં સમાવેલા છે:
  • action: ફોર્મ ડેટા મોકલવાની યુઆરએલ નિર્ધારિત કરે છે
  • method: એચટિપી મેથડ નિર્ધારિત કરે છે

HTML ટેબલ્સ

HTML ટેગ્સ વેબ પેજ પર એલિમેન્ટ્સ ને પરિભાષિત કરવા માટે વપરાય છે. ટેગ્સ સામાન્ય રીતે જોડીમાં આવે છે, જેમાં ઓપનિંગ ટેગ સામગ્રીની આગળ અને ક્લોઝિંગ ટેગ સામગ્રીની પાછળ આવે છે.