Scribd
Upload
5 views2 pages

Web Engineering - HTML

The document discusses HTML tags including headings, paragraphs, lists, links, images, forms, and tables. It provides examples of common tags like <h1>, <a>, <img>, <ul>, <ol>, <div>, <span>, <p>, <input>, and <label>. It also covers attributes, forms, and GET and POST methods.

Uploaded by

Farzeen Myasin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views2 pages

Web Engineering - HTML

The document discusses HTML tags including headings, paragraphs, lists, links, images, forms, and tables. It provides examples of common tags like <h1>, <a>, <img>, <ul>, <ol>, <div>, <span>, <p>, <input>, and <label>. It also covers attributes, forms, and GET and POST methods.

Uploaded by

Farzeen Myasin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

WEB ENGINEERING

HTML:

Tags (html, head, title)

Title: in this tag the title of the website is written related to the content in the website it is important for
search engine optimization.

H1-6: h1 larger to smaller h6

A: a” anchor tag use for links

<a href=""></a>
Img: to show image on the webpage

<img src="">
Ul: unorder list of items

<ul>
ali nali kali
</ul>
Ol : order list of items

<ol>
<li>ali</li>
<li>ome</li>
</ol>
Div: is a container inside which we can create many others containers

<div>
<div></div>
</div>
Span: is use to wrap up the text or inline element to apply style, attributes.

Colspan: no of columns to be span colspan2 two cell span similarly for rowspan written in td tag table
data tag. <td colspan=”2”>

<span class="high">highlighted</span>
P: tag is use to write the para.

Attributes: href, src ,alt(alternative text to image.)

Syntax of table:

<table>
<tr>//table row
<th> table heading </th>
</tr>
<tr>
<td> table data</td>
<td> table data two td means two cells in one row </td>
</tr>
</table>
<input>, <label>

Input Have no closing tag. While label have closing tag. Use in forms.

<input type="text" id="username" name="username" placeholder="enter your name">

<label for="username">username</label>
Field in above input tag there is type text which mean in this field only text is need.

Required in html: the give field must be fill before submitting the form.

<form action="/submit_form.php" method="POST">


<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>

<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50"
required></textarea><br><br>

<input type="submit" value="Submit">


</form>

Get and post method in html:

Get: to request data from server.

Post:to submit data to be processed to the server.

You might also like