API tools faq
paste
c0d3dsk1lls

Learn HTML codedskills.net

c0d3dsk1lls
Jun 28th, 2022 (edited)
246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.66 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  <!DOCTYPE html>
  3.    <html>
  4.      <head>
  5.                        <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.                      <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.                    <meta name="keywords" content="HTML, CSS, tutorial, free">
  8.                  <meta name="author" content="codedskills">
  9.                <meta name="description" content="Learn HTML step by step">
  10.              <meta charset="UTF-8">
  11. <center><h3>++++++++++-------------------------------------------------------------------------------------------------------------++++++++++</h3></center> <!-- <center> CENTERS THINGS-->
  12.  
  13.  
  14.       </head>
  15.     <body style="background-color:black">
  16.   <html lang="en">
  17. <head> <!--<head> = HEADER-->
  18.  
  19.  
  20.  
  21.     <title>Learn HTML</title>  <!--THE TITLE-->
  22. <center><h1><a href="https://codedskills.net" target=_blank><f style="color:red">_-_-_-_-_-CodedSkills.net-_-_-_-_-_</h1></a></center>
  23. <center><h3><ins><f style="color:green">__-_--Here are all the basics of HTML--_-__</ins></h3> <!--<h1> = Largest-->
  24. <center><p>--------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p></center>
  25.  
  26.          <center><h1><f style="color:red">-------------THIS IS A HEADING-------------</h1> <!--<h1> = Largest-->
  27.              <h2><f style="color:orange">-----------THIS IS A HEADING-----------</h2>
  28.                  <h3><f style="color:pink">---------THIS IS A HEADING---------</h3>
  29.                      <h4><f style="color:green">-------THIS IS A HEADING-------</h4>
  30.                           <h5><f style="color:purple">-----THIS IS A HEADING-----</h5>
  31.                               <h6><f style="color:lightblue">---THIS IS A HEADING---</h6></center> <!--<h6> = Smallest-->
  32.  
  33.                                                         <!--This is a comment, It only appears in the html code and not on the webpage-->
  34.  
  35.                                                       <center><h1><i><f style="color:lightgreen">+++_____Header example_____+++</i><br/></h1></center>
  36.                                                       <br>
  37.                                                       <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/heading.txt" width="700" height="100"></iframe></center>
  38.                                                      
  39.  
  40.                                                     <center><p><f style="color:white">-_-_-_-_-_-_--------------------------------------------_-_-_-_-_-_-</p></center>
  41.                                                 <center><a href="https://pastebin.com/cuPy6Ts6" target=_blank><f style="color:green"><f style="color:red">+++___To understand more about this code, please refer to and study this pages source code here___+++<br/></a></center>
  42.                                                     <center><p><f style="color:white">-_-_-_-_--------------------------------------------_-_-_-_-</p></center>
  43.                                                        
  44.                                                        
  45. <center><h3><f style="color:white">+_----_------------------------------------------------------------------_----_+</h3></center>
  46.  
  47.  
  48.                                                         <center><f style="color:green">----------HEADINGS ARE BOLD BY DEFAULT----------</f></center>
  49.  
  50.  
  51.  
  52.  
  53.                                                            <!--Type: 'lorem' and hit tab to create an example paragraph-->
  54. <center><h3><f style="color:white">+____----_-------------------------------------------------------------------------_----____+</h3></center>
  55.  
  56.                                                            <center><h3><f style="color:orange">Type: lorem and hit tab to create an example paragraph.</h3></center>
  57.  
  58. <center><h3><f style="color:white">++_______----_-----------------------------------------------------------------------------_----_______+++</h3></center>
  59.  
  60. <center><p><strong><f style="color:red"> THIS IS A BOLD PARAGRAPH: </strong></p>
  61.          <h1><i><f style="color:red">_-_-_____Bold example_____-_-_</i><br/></h1></center>
  62.          <br>
  63.          <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/bold.txt" width="700" height="90"></iframe></center>
  64.          
  65.  
  66.  
  67.  
  68. <center><h3><f style="color:white">+++_________----_-------------------------------------------------------------------------------------_----_________+++</h3></center>
  69.      <center><h3><f style="color:red">How to open a link in both same tab and in a new tab</h3>
  70.              <h1><i><f style="color:red">-_-_-_Link example_-_-_-</i></h1></center>
  71.              <br>
  72.              <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/link.txt" width="700" height="220"></iframe></center>
  73.              
  74.  
  75.  
  76.              
  77.  
  78. <center><h3><f style="color:white">++++___________----_---------------------------------------------------------------------------------------------_----___________++++</h3></center>
  79.  
  80.  
  81.    
  82.                  <center>    <f style="color:red">CENTERING THINGS</center>
  83.             <center><p><f style="color:white">----------------</p></center>
  84.                  <center><h1><i><f style="color:red">-_-_-_Centering example_-_-_-</i><br/></h1></center>
  85.                  <br>
  86.                  <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/center.txt" width="700" height="60"></iframe></center>
  87.                  
  88.  
  89. <center><h3><f style="color:white">+++++___--------------------------------------------------------------------------------------___+++++</h3></center>
  90.  
  91. <br/> <!--<br> = LINE BREAK-->
  92.  
  93.                              <video controls src="sample.mp4" width="500"></video></center>
  94.  
  95. <br/>
  96.  
  97.           <center><h2><f style="color:red"> TO ADD A VIDEO TO YOUR HTML PAGE, SIMPLY ADD THE FOLLOWING CODE.</h2>
  98.             <center><h1><i><f style="color:red">__________Video_example__________</i><br/></h1></center>
  99.             <br>
  100.             <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/video.txt" frameboarder="5" width="800" height="200"></iframe></center>
  101.            
  102.  
  103.            
  104.  
  105.            
  106. <br/>
  107. <center><h3><f style="color:white">---------------------------------------------------------------------------------------------------------------------------</h3></center>
  108.  
  109. <center><h1><f style="color:red">To add markup to your text</h1></center>
  110.              <center><p><f style="color:red">This is---- <i>(Italic text):</i></p>
  111.                  <p><f style="color:red">This is----<big><f style="color:red">(big text):</big></p>
  112.                      <p><f style="color:red">This is ----(<small><f style="color:red">small text):</small></p>
  113.                          <p><f style="color:red">This is a----<sub><f style="color:red">(subscript):</sub></p>
  114.                              <p><f style="color:red">This is a----<sup><f style="color:red">(superscript):</sup></p>
  115.                                  <p><f style="color:red">This is-----<ins><f style="color:red">(inserted text):</ins></p>
  116.                                      <p><f style="color:red">This is----<del><f style="color:red">(deleted text):</del></p>
  117.                                          <p><f style="color:red">This is----<mark><f style="color:red">(marked text):</mark></p></center>
  118.                                          <center><h1><f style="color:red">__________Text_markup_examples__________<br/></h1></center>
  119.                                          <br>
  120.                                          <h1><i><center><f style="color:red">Markup example</center></i></h1>
  121.                                          <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/text.txt" width="800" height="220"></iframe></center>
  122.                                          
  123.  
  124.  
  125.                                          
  126.  
  127.  
  128.  
  129.  
  130. <center><h3><f style="color:white">---------------------------------------------------------------------------------------------------------------------------</h3></center>
  131.  
  132. <br/>
  133.  
  134. <ul>  <!-- <ul> = UNORDERED LIST-->
  135.  
  136.                                     <center><h3><i><f style="color:red">This is how you create an unordered list</i></h3>
  137.              <li><f style="color:red"> Pizza  </li>  <!-- <li> = LIST-->
  138.              --
  139.                   <li><f style="color:red"> Milk   </li>
  140.                   --
  141.                      <li><f style="color:red"> Cheese </li></center>
  142.                      <center><h1><i><f style="color:red">Unordered list example</i><br/></h1></center>
  143.                      <br>
  144.                      <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/u_list.txt" width="800" height="220"></iframe></center>
  145.                      
  146.  
  147.                      
  148.  
  149.                    
  150. </ul>
  151. <br/>
  152.  
  153. <center><h3><f style="color:white">---------------------------------------------------------------------------------------------------------------------------</h3></center>
  154.  
  155. <ol type="A">  <!--<ol> = ORDERED LIST-->
  156.  
  157.                                          <center><h3><f style="color:red">To make an ordered list (A-Z)</h3>
  158.  
  159.              <li><f style="color:red">Eat breakfast</li>
  160.              --
  161.                  <li><f style="color:red">Take shower</li>  
  162.                  --        
  163.                      <li><f style="color:red">Go to work</li></center>
  164.                      --
  165.                      <center><h1><i><f style="color:red">Ordered list example</i><br/></h1></center>
  166.                      <br>
  167.                      <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/o_list.txt" width="800" height="220"></iframe></center>
  168.                      
  169.  
  170.                      
  171.  
  172. </ol>
  173.  
  174. <br/>
  175. <center><h3><f style="color:white">---------------------------------------------------------------------------------------------------------------------------</h3></center>
  176.  
  177. <br/>
  178.  
  179. <dl>  <!--<dl> = DESCRIPTION LIST-->
  180.     <center><h4><f style="color:red">Description list</h4>  
  181.  
  182. --
  183.                   <dt><f style="color:red"> HTML: </dt>
  184.                      <dd><f style="color:red">This adds structure to a webpage  </dd>
  185.                      --
  186.                          <dt><f style="color:red">CSS:</dt>
  187.                              <dd><f style="color:red">This adds style to a webpage</dd>
  188.                              --
  189.                                  <dt><f style="color:red">Javascript:</dt>
  190.                                      <dd><f style="color:red">This adds functionality to a webpage</dd></center>
  191.                                      --
  192.                                      <center><h1><i><f style="color:red">Description list example</i><br/></h1></center>
  193.                                      <br>
  194.                                      <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/d_list.txt" width="800" height="260"></iframe></center>
  195.                                      
  196.  
  197.                                      
  198.  
  199.  
  200.  
  201. </dl>
  202.  
  203. <center><h3><f style="color:white">----------------------------------------------------------------------------------------------------------</h3></center>
  204.  
  205.  
  206.  
  207.                    <center><h3><ins><f style="color:red">This is a table</ins></h3>
  208.                          <table bgcolor="black" width="700">
  209. <tr bgcolor="black"> <!--<tr> = TABLE ROW-->
  210.  
  211.                      <th><f style="color:red">Sunday</th>
  212.                          <th><f style="color:red">Monday</th>
  213.                              <th><f style="color:red">Tuesday</th>
  214.                                  <th><f style="color:red">Wednesday</th>
  215.                                      <th><f style="color:red">Thursday</th>
  216.                                          <th><f style="color:red">Friday</th>
  217.                                              <th><f style="color:red">Saturday</th>
  218. </tr>
  219.  
  220. <tr bgcolor="black" align="center">
  221.                  <td><f style="color:red">CLOSED</td>  <!--<td> = TABLE DATA-->
  222.                      <td><f style="color:red">9-5</td>
  223.                          <td><f style="color:red">9-5</td>
  224.                              <td><f style="color:red">9-5</td>
  225.                                  <td><f style="color:red">9-5</td>
  226.                                      <td><f style="color:red">9-5</td>
  227.                                          <td><f style="color:red">9-5</td></center>
  228.  
  229. </tr>
  230.      </table>
  231. <br/>
  232. <center><h1><i><f style="color:red">Table example</i></h1></center>
  233. <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/table.txt" width="800" height="220"></iframe></center>
  234.  
  235.  
  236.  
  237. <center><h3><f style="color:white">---------------------------------------------------------------------------------------------------------------------------</h3></center>
  238.  
  239. <center><button onclick="doSomething()" style="background-color:black;color:red;border-radius:5px">Im a button with a simple javascript..Click Me!!</button></center>
  240. <p id="test"><f style="color:red">When you click the button, this text will change to success!!</p>
  241. <script>
  242. function doSomething(){
  243. document.getElementById("test").innerHTML = "Success, Please visit https://codedskills.net";
  244. }    
  245. </script>
  246. <br>
  247. <center><h1><i><f style="color:red">Javascript example</i></h1></center>
  248. <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/script.txt" width="800" height="140"></iframe></center>
  249.  
  250.  
  251.     <center><h3><f style="color:white">---------------------------------------------------------------------------------------------------------------------------------------------</h3></center>
  252. <br>
  253. <center><h5><f style="color:white">---------------------------------------------------------------------------------------------------------------------------------------------------------</h5></center>
  254.   <center><h3><f style="color:red"> NOTE: These are all example input boxes, the information you give goes nowhere and does nothing!</h3></center>
  255.      <center><h5><f style="color:white">--------------------------------------------------------------------------------------------------------------------</h5></center>
  256.   <center><h5><f style="color:red"> You do not need to fill any of this information out.</h5></center>
  257. <center><h5><f style="color:white">-------------------------------------------------------------------------------------</h5></center>
  258.  
  259.  
  260. <br>
  261. <form action="input.php" method="POST">
  262.  
  263.        <label for="fname"><f style="color:red">----First name : </label>
  264.        <input type="text" id="fname" placeholder="type your first name?">
  265.        <label for="lname"><f style="color:red">----Last name : </label>
  266.        <input type="text" id="lname" placeholder="type your last name?">  
  267.     <br>
  268.     <br>
  269.        <label for="pass"><f style="color:red">----Password : </label>
  270.        <input type="password" id="pass" name="pass" placeholder="*********************" maxlength="20" required>
  271.        <label for="email"><f style="color:red">----Email : </label>
  272.        <input type="email" id="email" name="email" placeholder="[email protected]">
  273.     <br>
  274.     <br>
  275.        <label for="phone"><f style="color:red">----Phone # : </label>
  276.        <input type="tel" id="phone" name="phone" placeholder="000-000-0000">
  277.        <label for="bdate"><f style="color:red">----Birthday : </label>
  278.        <input type="date" id="bdate" name="bdate">
  279.     <br>
  280.     <br>
  281.        <label for="quantity"><f style="color:red">----Quantity : </label>
  282.        <input type="number" id="quantity" name="quantity">
  283.     <br>
  284.     <br>
  285.        <label for="Mr."><f style="color:red">  (Title) :  Mr.</label>
  286.        <input type="radio" id="Mr." name="title" value="Mr.">
  287.        <label for="Mrs."><f style="color:red">Mrs.</label>
  288.        <input type="radio" id="Mrs." name="title" value="Mrs.">
  289.        <label for="PhD"><f style="color:red">PhD.</label>
  290.        <input type="radio" id="PhD." name="title" value="PhD.">
  291.        <label for="payment"><f style="color:red">Payment : </label>
  292.        <select id="payment" name="payment">
  293.        <option value="giftcard"><f style="color:red">Giftcard : </option>
  294.        <option value="mastercard"><f style="color:red">Mastercard : </option>
  295.        <option value="visa"><f style="color:red">Visa : </option>
  296.        </select>
  297.     <br>
  298.     <br>  
  299.        <label for="subscribe"><f style="color:red">Subscribe : </label>
  300.        <input type="checkbox" id="subscribe" name="subscribe">
  301.        <input type="submit">
  302.        <input type="reset">
  303. </form>
  304. <br/>
  305. <center><i><h1><f style="color:red">_-_-_-_-Form example-_-_-_-_</h1></i></center>
  306. <center><iframe allowtransparency="true" style="background-color: lightblue;" src="https://codedskills.net/learn_html/form.txt" width="800" height="600"></iframe></center>
  307. <br>
  308. <br>
  309. <center><h1><f style="color:white">------------------------------------------------------------------------------------------------------------------------------</h1></center>
  310. <br>
  311. <center><h1><a href="https://codedskills.net" target=_blank><f style="color:red">....(CodedSkills Home)....</h1><br/></a></center>
  312. <br>
  313.  
  314. <center><a href="https://codedskills.net/coded_paste/?e4a0cabc64473dc1#2qaH6Tdkce3qM928KLS6w9ysBbh8LzRTLS41jJcVK18Z" target=_blank>View page source<br/></a></center>
  315. <br>
  316. <center><iframe src="https://pastebin.com/embed_iframe/cuPy6Ts6" width="1400" height="2500"></iframe></center>
  317. <br>
  318. <center><h1><f style="color:red">Copyright © CodedSkills.net  2022.
  319.     <br>
  320.  
  321.     All rights reserved.
  322. </h1></center>
  323. <br>
  324. <br>
  325.  
  326.  
  327.  
  328. <f style="color:red">#CODED BY C0D3D aka Jimmy-Blaize @ https://codedskills.net
  329.     #IF YOU WISH TO BE A PART OF OUR DEVELOPING TEAM @ CODEDSKILLS.NET, PLEASE EMAIL ME @ [email protected] with a detailed application. Must speak fluent english. Looking for forum moderators: Must have experience and dedicated time.
  330.     #LOOKING FOR A GRAPHICS ARTIST TO HELP MAKE OUR COMMUNITY ATTRACTIVE.
  331.     #LOOKING FOR CODERS, MUST HAVE EXPERIENCE.
  332.     #LOOKING FOR FORUM MODERATORS.
  333.     #LOOKING FOR SOCIAL MEDIA NERDS AND OR PEOPLE THAT CAN HELP SPREAD THE WORD.
  334.     #LOOKING FOR VIDEO EDITORS.
  335.     #LOOKING FOR PEOPLE WITH LINUX EXPERIENCE.
  336.     #LOOKING FOR TEACHERS.</f> <!--<f> = FOOTER-->
  337. <br/>
  338.      <body>  
  339.          </body>
  340.              </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!