CodeLab
Tutorials For Everyone
Run
Learn HTML
<!Doctype HTML> <html> <head> <title>The alt Attribute</title> </head> <body> <h2>Image alt attribute</h2> <p>HTML Images uses alt attribute to define the alternative text. See the below example. Try correcting the urls in the text editor to correctly display the images. <strong>Try correcting urls by placing <span style="background: red; padding: 5px;">h</span> at the start of the url.</strong></p> <img src="ttps://www.tutsinsider.com/wp-content/uploads/2019/08/coast.jpg" alt="coast" width="150" /> <img src="ttps://www.tutsinsider.com/wp-content/uploads/2019/08/ship.jpg" alt="ship" width="150" /> <img src="ttps://www.tutsinsider.com/wp-content/uploads/2019/08/taj-mahal.jpg" alt="taj-mahal" width="150" /> <img src="ttps://www.tutsinsider.com/wp-content/uploads/2019/08/plane.jpg" alt="plane" width="150" /> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console