Web Development tactics: html

Showing posts with label html. Show all posts

Friday 1 September 2023

Web Development 19

LECTURE # 16

31/8/2023

Question #1 : Why is header, section and footer tag used for?

Answer: Header , section , footer are the three parts of html file page for making website. Header tag isused to for identifying the heading phase of web page. Section tag is used to identify the body of theweb page. Footer tag is used to identify the ending of the web page.

Question #2 : Why is navigation and div tag used for?

Answer: Navigation tag and Div tag is used as contain in which many tags can be written and same type of CSS can be performed on it at once.

Wednesday 16 August 2023

Web Development 16

LECTURE # 14

15/8/2023

Question #1: Why is iframe tag used for?

Answer: Iframr tag is used to embed a YouTube video in html language.

Click Share option under a YouTube video and then go for embaded option. Copy the link and paste in iframe tag.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<h1>Assignment number 1</h1>
<iframe src="https://www.youtube.com/embed/oGBDdTEv66E" title="YouTube video player" 
frameborder="0" allow="accelerometer; autoplay;
 clipboard-write; encrypted-media; gyroscope; picture-in-picture;
 web-share" frameborder="0"></iframe><br><br>
</body>
</html>

Web Development 15

LECTURE # 13

14/8/2023

Question #1: Why is field set used for?

Answer: Field set is used to make a block around the text written with in the field set tag.

For Example:

<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<fieldset>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Odit laboriosam dolores voluptas eum <br>excepturi inventore quam
illo sint atque quaerat perferendis consectetur <br>labore harum,
facere magni incidunt id voluptate repellat?
</fieldset>
</body>
</html>

Question #2: Why is Legend tag used for?

Answer: Legend tag is used to describe the field set box. For example, ____general box________.

Question #2: Why is Div tag used for?

Answer: Div tag is like a container (is only useful when CSS is used It is very important tag).

Wednesday 9 August 2023

Web Development 13

LECTURE # 12

8/8/2023

Question #1: What are the attributes of form tag?

Answer: The action attribute defines the action to be performed when the form is submitted. Usually, the form data is sent to a file on the server when the user clicks on the submit button. For example _blank The response is displayed in a new window or tab.

The target attribute specifies where to display the response that is received after submitting the form.

Question #2: What are the attributes of input describe some further?

Answer: The input value attribute specifies an initial value for an input field.

The input readonly attribute specifies that an input field is read-only.
The input disabled attribute specifies that an input field should be disabled.
The input size attribute specifies the visible width, in characters, of an input field.
The input maxlength attribute specifies the maximum number of characters allowed in an input field.
The input min and max attributes specify the minimum and maximum values for an input field.
The min and max attributes work with the following input types: number, range, date, datetime-local, month, time and week.
The input placeholder attribute specifies a short hint that describes the expected value of an input field.
The placeholder attribute works with the following input types: text, search, url, tel, email, and password.
The input required attribute specifies that an input field must be filled out before submitting the form.
The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.
The input autofocus attribute specifies that an input field should automatically get focus when the page loads.

Web Development 12

LECTURE # 11

7/8/2023

Question #1: What is form tag in html?

Answer: form tag element is used to create an HTML form for user input. Input element is the most used form element.An input element can be displayed in many ways, depending on the type attribute.For example

<form>

<input type="text"> Displays a single-line text input field
<input type="radio"> Displays a radio button (for selecting one of many choices)

<input type="checkbox">Displays a checkbox (for selecting zero or more of many choices)

<input type="submit"> Displays a submit button (for submitting the form)
<input type="button"> Displays a clickable button

</form>

their are further more attribtues of input tag which is essential part of form tage

Friday 4 August 2023

Web Development 11

LECTURE # 10

3/8/2023

Question #1: How do we move gif image in html?

Answer: Following is the way of moving gif image in html: <marquee behavior="" direction="right" style="background-color: transparent"><img src="gif.gif" alt="error"></marquee>

Question #1: How to insert a form in html?

Answer: Form can easily be added in html using form tag. For example, <form action="">Name: <input type="text"></form>.

Web Developoment 10

LECTURE # 9

2/8/2023

Question #1: Why are the attributes of td?

Answer: Attributes of td are colspan and rowspan. These attributes are used to collabe multiple columns and rows respectively in a table. For example <td colspan="2" rowspan="2"></td>

Wednesday 2 August 2023

Web Developmnt 9

LECTURE # 8

1/8/2023

Question #1: Why table tag is used?

Answer: Table tag is used to add the table in code.It also has end tag which is called closing tag.

Question #2 : For which purpose tr and td and th is used?

Answer: tr is used for adding row in table and td tag is used for adding column in table and th is use for adding header text in table. All of them are essential for table tag.

Question #3: Why marqee tag is used?

Answer: For headlines marquee tag is used. Behavior and direction are attributes of marquee tag.

NOTE: Marquee tag is a part of CSS language.

Question #3: Define CSS?

Answer: CSS is a language that is used for designing. It provides the formatting to the text.

Question #4: What is Style used for?

Answer: Style is used in css .It can be used as a tag or an attribute and also used in head tag.

Sunday 30 July 2023

Web Development 8

LECTURE # 7

27/7/2023

Question #1: How to insert image on blogger using html?

Answer: Image address (copy) is essential for making image view online if you want to show to whole world in blogger.

Qustion #2: For which purpose target attribute is used ?

Answer: Open link in new tab. For example <a href=”” target=”_blanck”></a>.

Thursday 27 July 2023

Web Development 6

LECTURE # 6

26/7/2023

Question #1: For which purpose abbr tag is used ?

Answer: Abbr tag is used for abbriviation of a text in code of html(visual code) It is written as <abbr title=""></abbr>. For example <abbr title="Pkistan ">pak</abbr>

Qustion #2: For which purpose a tag is used ?

Answer: A tag is uased for linking the pages in html.It can be written as <a href=""></a>. For example <a href="https://en.wikipedia.org/wiki/Naran_(town)">name</a>.

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <a href="https://en.wikipedia.org/wiki/Naran_(town)">name</a>
</body>
</html>

Web Development 5

LECTURE # 5

25/7/2023

Question #1: For which purpose image tag is used ?

Answer: Img tag is used to insert the image in code of html(visual code) It is written as <img scr="" alt="">. For example <img scr="image name " alt="error">

NOTE: Image tag has no closing tag.

Qustion #2: What can be the attributes of image tag?

Answer: Scr and Alt are the main attributes of center tag. But Width and Height can also be used as the attributes of image tag.

Qustion #2: For what purpose Scr and Alt are used in imaged tag?

Answer: Scr is use for adding the name of the picture that is to be used. Alt is used to to give some kind of information to make you sure that your image is not downloaded due to some network issue. For example <img scr="image name" alt="error">.

Question #3: For which purpose video tag is used ?

Answer: video tag is used to insert the video in code of html(visual code) It is written as <video scr="" alt="">. For example <video scr="video name "></video>

Question #4: For which purpose audio tag is used ?

Answer: audio tag is used to insert the audio in code of html(visual code) It is written as <audio scr="" alt="">. For example <audio scr="audio name "></audio>

Wednesday 26 July 2023

Web Development 4

LECTURE # 4

24/7/2023

Question #1: For which purpose center tag is used ?

Answer: Center tag is used to make the text or any kind of picture or video in center in html(visual code) It is written as <center></center>.For example <center>NAME</center>.

Qustion #2: What can be the attributes of center tag?

Answer: Width and height can be the attributes of center tag.

NAME

Name

Web Development 3

LECTURE # 3

21/7/2023

Question #1: What are attributes in Visual Code in html ?

Answer: Any thing written within the tags are called attributes. For example <font color="red"

</font>. In this example color is an attribute.

Qustion #2: What is meant by Ordered and Unordered lists in html language?

Answer: Ordered list involves sequences of number. Like 1,2,3,4,5,i,ii,iii,A,B,C,a,b,c etc. And unordered list involves bullets.Like ............... .

Web Development 2

LECTURE # 2

20/7/2023

Question #1: What is Lorem?

Answer: Lorem is some kind of random text that can be written in Visual code (html laguage app).We write Lorem word in Visual code and then we press enter. A random text will be written in code.

Question #2: Why =rand() is used in MS Word?

Answer: =rand() is similar to Lorem. The slight difference is of interface. That =rand() is used in MS Word and Lorem is used in Visual Code to write a random paragraph.

Question#3: How to write a html syntax in visual code using shortcut keys?

Answer: Using shift key and the key containg ! mark.

Web Development 1

LECTURE # 1

Question #1: What is Website?

Answer: Website is something that is the collection of different webpages.

Question #2: What is blogger?

Answer: We can make free websites using bloggers.