Welcome to the PROBETEMPLATEs where dream comes true. Dive now!

Formating text with html

Mashiur Rahman

Formatting Text

Markup Example
<em> This will emphasize text. Screen readers will stress the text.
<strong> Defines text with strong importance.
<mark> Denotes text as marked or highlighted.
<del> Used to mark text that has gotten zapped been deleted.
<ins> Used to mark text that has been added.

Pre-formatted Text and Escaped Characters

Markup Example
<pre>
Text is displayed    exactly as  typed

    including spaces        and breaks.
&lt; &gt; Used to display the < and > symbols.
<!-- How to comment --> Leave good comments in your code!

Form Elements

Tag Appearance Notes
<input>
Multiple types of input, see table below.
<label>
Match 'label for=' to 'input id='
<select> See documentation for more options.
<textarea> You can define the size of this with HTML or CSS.
<button> Always include the button type for buttons. Can also link.
<fieldset>, <legend>
Test Form:

Groups form elements in this ugly box LOL.
<datalist>
More of an auto fill than a select menu.
<output> No example, produces output from input, must research.

Input Types

Tag Appearance Notes
<button> Always include the button type for buttons. Can also link.
type="checkbox" Standard checkbox things. Use labels.
type="color" Also gives access to a color picker!!!
type="date" Date field, good stuff.
type="datetime-local" Gives Today option for your time zone
type="email" Is there validation?
type="file" SUPER DOPE!
type="hidden" For non user info but don't use as security
type="image" I think not using this is a self respect thing.
type="month" More cool date things.
type="number" Has a clicky and can define what numbers.
type="password" You know how this works
type="radio"
Must figure out set up. Must all be in form.
type="range" Oooooh interesting!
type="reset" It's a reset button!
type="search" Research possible uses
type="submit" Submits data to a form handler.
type="tel" Is there validation?
type="text" You know it and love it.
type="time" Interesting! But wonder if there's a better way.
type="url" Experiment uses to see if viable.
type="week" Kinda cool but how would I use it?

1 comment

  1. https://www.google.com/search?q=probetemplates.blogspot.com&ie=utf-8&oe=utf-8&client=firefox-b
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.