HTML Archives - Page 2 of 7

HTML: Link Tag

by vikashdev kAugust 13, 2021August 13, 2021HTMLLeave a Comment

The <link> tag defines a link between a document and an external resource.

The <link> element is an empty element, it contains attributes only. This element goes only in the head section, but it can appear any number of times.

Attribute	Value	Description
crossorigin	anonymous use-credentials	Specifies how the element handles cross-origin requests
href	URL	Specifies the location of the linked document
hreflang	language_code	Specifies the language of the text in the linked document
media	media_query	Specifies on what device the linked document will be displayed
rel	alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up	Required. Specifies the relationship between the current document and the linked document
sizes	Height X Width any	Specifies the size of the linked resource. Only for rel=”icon”
type	media_type	Specifies the media type of the linked document

html code

<!DOCTYPE html>
<html>

<head>
  <title>
    link with css
  </title>
  <link rel="stylesheet" href="css/this is css.css">

</head>

<body class="design">
<h1> link tag </h1>
<p>
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos quibusdam obcaecati fugit sunt accusantium placeat maxime enim suscipit voluptate nam.
</p>
</body>

</html>

css code

.design{
    background-color: aqua;
    border-radius: 20px;
    text-align: center;
    border-style:solid ;
}
    h1{
       color:yellow;
    }
p{
    color:beige;
}

HTML: Datalist Tag

by vikashdev kAugust 12, 2021August 12, 2021HTMLLeave a Comment

The datalist tag provides an autocomplete feature, which means that it allows you to select an input from the predefined options. The datalist tag is combined with the input tag.

<datalist>
	
	<option>………...</option>
	<option>………...</option>

</datalist>

Tagged : datalist tag / datalist tag in html / datalist tag use in html / Guide / HTML / Tutorial

HTML: Optgroup Tag

by vikashdev kAugust 12, 2021August 12, 2021HTMLLeave a Comment

The …. tag helps to group related choices when we have a long list of options to select from the drop-down list created using the tag.

<select>
	<optgroup>
		<option>……</option>
	</optgroup>

	<optgroup>
		<option>……</option>
	</optgroup>

</select>

Attribute	Value	Description
disabled	disabled	Specifies that an option-group should be disabled
label	text	Specifies a label for an option-group

Tagged : Guide / HTML / html tag / optgroup tag in html / optgroup tag used in html / Tutorial

HTML: Button tag

by vikashdev kAugust 12, 2021August 12, 2021HTMLLeave a Comment

We can customize the appearance of button using the <button> tag.

 <button>…..</button>

Attribute	Value	Description
autofocus	autofocus	Specifies that a button should automatically get focus when the page loads
disabled	disabled	Specifies that a button should be disabled
form	form_id	Specifies one or more forms the button belongs to
formaction	URL	Specifies where to send the form-data when a form is submitted. Only for type=”submit”
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Specifies how form-data should be encoded before sending it to a server. Only for type=”submit”
formmethod	get post	Specifies how to send the form-data (which HTTP method to use). Only for type=”submit”
formnovalidate	formnovalidate	Specifies that the form-data should not be validated on submission. Only for type=”submit”
formtarget	_blank _self _parent _top framename	Specifies where to display the response after submitting the form. Only for type=”submit”
name	name	Specifies a name for the button
type	button reset submit	Specifies the type of button
value	text	Specifies an initial value for the button

Tagged : button ag use in html / button tag / button tag in html / HTML / html tag

HTML: Option Tag

by vikashdev kAugust 11, 2021August 11, 2021HTMLLeave a Comment

The <option>…</option> tags inside the <select>….</select> element define an option in the drop-down list.

<select>
	<option>………..</option>
	<option>………..</option>
</select>

Attribute	Value	Description
disabled	disabled	Specifies that an option should be disabled
label	text	Specifies a shorter label for an option
selected	selected	Specifies that an option should be pre-selected when the page loads
value	text	Specifies the value to be sent to a server

Tagged : HTML / html tag / option tag / option tag in html / option tag used in html / Tutorial

HTML: Select Tag

by vikashdev kAugust 10, 2021August 10, 2021HTMLLeave a Comment

The <select>….</select> tag creates a drop-down list to accept user input from a list of items.

Attribute	Value	Description
autofocus	autofocus	Specifies that the drop-down list should automatically get focus when the page loads
disabled	disabled	Specifies that a drop-down list should be disabled
form	form_id	Defines one or more forms the select field belongs to
multiple	multiple	Specifies that multiple options can be selected at once
name	name	Defines a name for the drop-down list
required	required	Specifies that the user is required to select a value before submitting the form
size	number	Defines the number of visible options in a drop-down list

Tagged : HTML / html select tag / html tag / select tag in html / select tag used in / select tag used in html

HTML: Legend tag

by vikashdev kAugust 10, 2021August 10, 2021HTMLLeave a Comment

This tag defines a caption for the fieldset element.

<fieldset>
	<legend>…….</legend>
</fieldset>

Tagged : HTML / html legend tag / html tag / legend tag in html / legend tag used in / legend tag used in html

HTML: Fieldset tag

by vikashdev kAugust 10, 2021August 10, 2021HTMLLeave a Comment

This creates a box around the related form controls.

<fieldset>……</fieldset>

Attribute	Value	Description
disabled	disabled	Specifies that a group of related form elements should be disabled
form	form_id	Specifies forms the fieldset belongs to
name	text	Specifies a name for the fieldset

Tagged : fieldset tag / fieldset tag in html / HTML / html tag

HTML: Label

by vikashdev kAugust 9, 2021August 9, 2021HTMLLeave a Comment

It defines a set of text that is associated with a particular element. <label>…..</label>

Attribute	Value	Description
for	element_id	Specifies which form element a label is bound to
form	form_id	Specifies one or more forms the label belongs to

element_id – The id of the element the label is bound to

Tagged : HTML / html label / html label tag / html tag / label in html / label tag used in html

HTML: Text Area

by vikashdev kAugust 9, 2021August 9, 2021HTMLLeave a Comment

A text area is a multiline text field. A user can write an unlimited number of characters in the text area.

<textarea>……</textarea>

Attribute	Value	Description
autofocus	autofocus	Specifies that a text area should automatically get focus when the page loads
cols	number	Specifies the visible width of a text area
dirname	textareaname.dir	Specifies that the text direction of the textarea will be submitted
disabled	disabled	Specifies that a text area should be disabled
form	form_id	Specifies one or more forms the text area belongs to
maxlength	number	Specifies the maximum number of characters allowed in the text area
name	text	Specifies a name for a text area
placeholder	text	Specifies a short hint that describes the expected value of a text area
readonly	readonly	Specifies that a text area should be read-only
required	required	Specifies that a text area is required/must be filled out
rows	number	Specifies the visible number of lines in a text area
wrap	Soft(default) hard	Specifies how the text in a text area is to be wrapped when submitted in a form

Value	Description
soft	The text in the textarea is not wrapped when submitted in a form.
hard	The text in the textarea is wrapped (contains newlines) when submitted in a form. When “hard” is used, the cols attribute must be specified

Tagged : autofocus / hard / HTML / html tag / html text area / maxlength / rows / soft / text area in html / wrap

scmGalaxy

Category: HTML

HTML: Link Tag

html code

css code

HTML: Datalist Tag

HTML: Optgroup Tag

HTML: Button tag

HTML: Option Tag

HTML: Select Tag

HTML: Legend tag

HTML: Fieldset tag

HTML: Label

HTML: Text Area