r/htmlbasics • u/Ruben4fun • Oct 11 '13
r/htmlbasics • u/Natural-Frontend • Jun 18 '23
HTML Tutorial: Introduction to h1-h6 and p Tags
r/htmlbasics • u/MorganBradlley • Feb 18 '17
Interactive HTML Cheat Sheet (Including New HTML5 Tags)
r/htmlbasics • u/nmariusp • Sep 23 '22
HTML from zero tutorial for beginners 3h
r/htmlbasics • u/Beautyqueen420 • May 03 '21
Phone sex operator NEEDING HELP W LISTING
The site I'm on only excepts HTML HTML5 coding. I am doing my bio and I would like to put pictures in there but it saying the site says that the pictures should be Width:775px height:775px Here's what it looks like on my end it won't post as a picture it says there's something wrong with my HTML coding I would like for it to be bold, purple in the center.
<center><fontcolor="purple"><font size="18pt">It's time to bow down..</font color></font size></center> <center><img src="https://www.niteflirt.com/fm/f/1597481171-B23iaEGmXr/q5ih5" Width:"775px" height:"775px">
It gives me am error message stating that there's an error in my html. I need help. Please help me asa possible also I would love to have my listings pop AND HAVE ALL THE FLASHY STUFF. With it being me to do it,any crash course in how to do it? Html html5 CSS NO JAVASCRIPT. I had it with the font and it turned purple and it was 18pt and centered Idk what happened but I want to add buttons for tribute and about 3pics thank you
r/htmlbasics • u/alinrauta • Jul 10 '16
The easiest way to learn HTML
Hi there,
I made a website for beginners, so that they could learn HTML easier.
The link of the website is here: https://randomhtmltags.tech/
What do you think? Do you find it useful? If you think it's worth it I would appreciate your vote on Product Hunt: https://www.producthunt.com/tech/random-html-tags
Cheers,
r/htmlbasics • u/Yorkie595 • Oct 13 '13
Basic CSS Attributes (Colours, Fonts, Padding, Borders, Positioning and More Styling)
r/htmlbasics • u/Natural-Frontend • Jun 17 '23
Become a web developer yourself | First part of HTML presentation
r/htmlbasics • u/Natural-Frontend • Jun 14 '23
Animated hamburger icon using HTML, CSS and JavaScript
r/htmlbasics • u/Natural-Frontend • Jun 11 '23
HTML & CSS & JavaScript || Interactive navigation bar animation tutorial
r/htmlbasics • u/unifiedflora • May 16 '22
Please explain why .html is highlighted in Squarespace
I am attempting to embed a surveymonkey code into my squarespace page. This is the code I received from SurveyMonkey. It does not show up on my squarespace page after saving, and </script> is highlighted red. Can someone offer a fix, PLEEEEEASE??
<script>(function(t,e,s,n){var o,a,c;t.SMCX=t.SMCX||\[\],e.getElementById(n)||(o=e.getElementsByTagName(s),a=o\[o.length-1\],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=n,c.src="[https://widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgd9sTlD_2BdChO1oR9_2Br86BDBErYrIulu5odfnbq5jXpltS.js",a.parentNode.insertBefore(c,a))})(window,document,"script","smcx-sdk](https://widget.surveymonkey.com/collect/website/js/tRaiETqnLgj758hTBazgd9sTlD_2BdChO1oR9_2Br86BDBErYrIulu5odfnbq5jXpltS.js",a.parentNode.insertBefore(c,a))})(window,document,"script","smcx-sdk)");</script><a style="font: 12px Helvetica, sans-serif; color: #999; text-decoration: none;" [href=www.surveymonkey.com](https://href=www.surveymonkey.com)\> Create your own user feedback survey </a>
r/htmlbasics • u/FadinGeek • Feb 01 '22
Network Detector Using Pure HTML, CSS, and JavaScript | How YOU Could Bu...
r/htmlbasics • u/Comprehensive-Rule33 • Mar 16 '21
Images in HTML file not showing up after being put into Cyberduck.
I had an HTML file with images that worked perfectly. However, when I uploaded all the HTML files and pictures to the same place in Cyberduck, the images no longer show up and are replaced with the alternate line. I have tried every solution I have found on the internet and nothing works. I have also made sure it is not a spelling error. Any help is appreciated.
r/htmlbasics • u/Term-1 • Jun 10 '20
What I have Learnt So Far About Creating A website Using HTML Code
This is a link to the Code created "https://output.jsbin.com/heyibih/21"
We'll be going over 2{two} thing;
What is Html 2.Some basic HTML syntax
This post is geared toward complete beginners who have never worked with HTML before. It's just focused on showing you HTML and it's basic functionality. Now, What is HTML? HTML stands for HyperText Markup Language. "It's a way of displaying information on a webpage on ypur browser. Some of the basic Tags I used in my code are; *<b> tag -"b" is for bold *NOTE; The tag before the phrase is the openning tag- <b> And the tag after the phrase is the closing tag </b> *<meta> to make my website reponsive ie. the website can display properly on all devices - Computers, Tablets and Mobile Phones. *<title> tag set title of the webpage and mine was "My Favourite Book". *<h1> to <h6> is called a header tag *<p> is a paragraph tag <br> is called line breaker . If you want to separate your content onto multiple lines but don't want space that comes with a paragraph. *<style> tag is used to style the text. In my case i used; *<i> tag makes the text italic *<u> tag to make the text underlined *<em> emphasized tag *<strong> tag usually bold the text
I also used the <style> tag to align and change colour of the text ie; <style align="where you want the text to be"> or <style color= "colour you want"> respectively. *<img> tag is to put image on the webpage and has a attribute of "src" meaning the source of the image.
r/htmlbasics • u/shivanibaig • May 12 '20
Tried First HTML Page
Hey Guys,
I am learning HTML from the pirple website. I've designed my first page through some HTML codes.
Can all the pro guys can take a look and rank my page and code.
Attaching the code here:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My First HTML Page - Recipe of Sheer Khurma</title>
</head>
<body>
<h1>How Is Sheer Khurma Made</h1>
<p><b>Sheer kurma</b> is a rich dessert consisting of various dry fruits, ghee and milk. This is an easy recipe and there are different variations of making sheer kurma. In this variation, I have roasted the vermicelli first and then added it to milk. The vermicelli is then cooked for some more minutes till they become soft. As the vermicelli-milk mixture thickens towards the end, the dry fruits which have been fried in ghee are added.</p>
<p>I just needed to add 1.5 tbsp sugar in this sheer korma as the dates I used were very sweet. Both dates and raisins contribute to the sweetness. So adjust the proportion of sugar accordingly and as per your taste. Also, use the fine variety of vermicelli.</p>
<h2>Ingredients</h2>
<!-- unordered list started -->
<ul>
<li>500 ml milk or 2 cups full fat organic milk</li>
<li>1 tablespoon ghee</li>
<li>1 to 1.5 tablespoon sugar or as required (the dates and raisins add a lot of sweetness to the milk, so add sugar accordingly.)</li>
<li>½ cup broken seviyan (whole wheat vermicelli)</li>
<li>7 to 8 cashews, chopped</li>
<li>8 to 9 almonds, sliced</li>
<li>8 to 9 unsalted pistachios, sliced</li>
<li>8 to 9 dates seedless, chopped</li>
<li>4 green cardamoms - crushed to a powder in a mortar-pestle.</li>
<li>½ or 1 tablespoon chironji (charoli)</li>
<li>1 tablespoon golden raisins</li>
<li>½ to 1 teaspoon rose water</li>
</ul>
<!-- unordered list finish -->
<h2>Preparation To Make Sheer Khurma</h2>
<!-- ordered list started -->
<ol>
<li>roast the seviyan till golden and keep aside. If you want then you can roast the seviyan in ghee also. In the same pan. Heat ghee. And add chopped dry fruits (chopped dates, raisins, cashews, almonds, pistachios, chironji) and saute for 3-4 minutes.</li>
<li>heat milk in a saucepan or a heavy pot. Let the milk come to boil. Lower the flame and simmer for 8-10 minutes till the milk slightly thickens. Keep on stirring the milk at intervals.</li>
<li>add the roasted seviyan and sugar to the milk and simmer till the seviyan are cooked and are softened…. About 8-10 minutes.</li>
<li>the milk will also thicken and reduce by now. add the dry fruits, ghee et all and cardamom powder. Also add rose water.</li>
<li>switch off the fire and stir. Serve the sheer khurma hot or warm in individual bowls. The sheer khurma will thicken more when cooled, so switch off the fire as per the consistency you want.</li>
<li>You can also garnish the sheer khurma with saffron stands or rose petals or powdered cardamom. Serve sheer khurma Hot, warm or cold.</li>
</ol>
<!-- ordered list finish -->
</body>
</html>Attaching the frontend picture as well:

Well, it's kind of cool when you start learning this type of stuff and you can create the pages from yourself.
Well, it's my first attempt, do rate the work.
Thanks!
Edit: - The content is not mine, so please don't block my id because of the copy content.
r/htmlbasics • u/Term-1 • May 10 '20
My First Code And Is about My Favourite Dish
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>"recipe html".</title> </head> <body> <p><h2> HOW TO COOK JOLLOF RICE AND STEAMED VEGETABLES.</h2></p> <p><strong>Description:</strong> </p> <p><!-- Description of the dish --> With the taste of jollof rice recipe, I'll show you how to make the perfect side for <em>fried beef or chicken</em>. The rice has a fantastic flavour thanks to a unique cooking method while some yummy steamed vegetables will round off your meal both in taste and nutrition. </p> <!--Unordered List of dish items --> <p><strong>INGREDIENTS </strong></p> <ul> <li>2 cups (500 grams) parboiled rice.</li> <li>4 medium fresh pepper <em>rodo.</em></li> <li> 4 medium fresh bell pepper <em> tatashe.</em></li> <li> 8 medium fresh bell tomatoes. </li> <li>li 8 medium pieces of beef or chicken. </li> <li>1/2 cup Cray fish. </li> <li>1 small ginger. </li> <li> 2 sachets tomato puree.</li> <li> 2 cooking spoon groundnut oil seasoning and salt to taste.</li> <li> 1 large onion. </li> <li>1 cup green peas.</li></ul>
<p> <!-- method of cooking the dish -->
<strong> METHOD</strong>
</p>
<ol>
<li> Blend the fresh rodo, tatashe,
tomatoes, ginger, gashi and crayfish.</li>
<li> Wash the spice and boil the beef
or chicKen until
tender then dry.</li>
<li> Add the oil used in
frying the chicken or beef
to a clean pot.</li>
<li>Add the onions, tomatoes
puree and blend them together and
dey for 20 minutes.</li>
<li> Add the seasoning.</li>
<li> Add the beef stock along
With 1 or 2 cups of hot
water, and stir .</li>
<li>Add the parboiled rice
<em> the water and rice must be
on the same level.</em></li>
<li>Cook on low heat for 20 minutes
<em>(you can add more water ,
if the water dries up
and the rice
is not well- cooked yet). </em>
</li>
<li>Add the green peas, sliced onion
and sliced tomatoes.
stir with a wooden spoon and
cook for 10minutes.</li>
</ol></body> </html>
SHORT NOTES ABOUT THE CODE CREATED AND WHAT I HAVE LEARNT SO FAR.The Code Created above is about my Favourite dish which is JOLLOF RICE AND STEAMED VEGETABLES. And the above code created is in three paragraphs. The first paragraph talks about the description of the dish , second paragraph displays the ingredients and the last but not the least which I thinks is the most relevant part of making the dish showing how the food is done. 2. HTML is the acronym for "Hypertext Markup Language" which is defined as the "standard markup language " for documents to be displayed in a web browsers. Inorder for the browser to interpret the words in an HTML you need to use tags.From above I used some of the basic tags/ elements such as ● <head> defines the information about the document and here the information about the document is my favourite dish. when ever you open a tag you close it with this </head >. ● <title> defines a title of the document and mine is " recipe html". ● <p> defines paragraph And I used it three time in the document that is why I had three paragraphs and also closes it with this tag</p>. ● <h1> to <h5> defines the html heading and in my case i used <h2> tag for my heading and closed it with </h2> tag. ● <strong> this tag emphasizes on the element/ word and I used it on the headings of " description, Ingredients and method of the dish again you close it with this tag </strong>. ● <em> I also used this tag to emphasize on some relevant words or points i talked about and closed it with </em>. ● <OL> this tag is used to order elements such as food items and many more and and it is closed with </ol>. ● <Ul> is used for unordered list closed it with </ul> tag. ●<li> is used to number the listed items and is also closes with </li> tag. ●<!-- --> defines comment in an HTML <-- --> is used to close it .
r/htmlbasics • u/shrishtidubey • May 08 '20
this is a basic html program
this program consist of very basic structure of html for beginners. you can learn the very basic way of writing a html code using header file and title and created ordered list and unordered list as well as tried explaining the concept of nested list and different font styles it's the best way to start learning html language.
r/htmlbasics • u/yuumix01 • Apr 30 '20
First steps with HTML
Hi, it's my first HTML code done in Visual Studio Code. I have learned making orderlists, unorderlists and basics commands in this language with Pirple. The code is about ingredients needed to make pancakes and how to do it. on the left u can see the code written by me and ot he right how it looks on the website. Hope u will enjoy it!

r/htmlbasics • u/Annonymous1xkdkd • Apr 26 '20
So here another one of my posts for HTML basics....iI am almost done with the basics of HTML from pirple and this is another one of my assignments. So far I 've learned about all the various HTML tags and also how to create a form. Stay tuned for further updates
r/htmlbasics • u/Annonymous1xkdkd • Apr 23 '20
So, I've taken up HTML and been learning it from a site called pirple.com This is my first assignment where I was taught about HTML list(ordered and unordered). My task was to present the recipe of my favourite food item. Im sharing a screenshot of the code as well.
r/htmlbasics • u/[deleted] • Jan 12 '18
Need help with moving a subscribe button to the middle of the screen.
So I have the script for it
<div class="g-ytsubscribe" data-channelid="UCbxuGxPVwf2ndL55rojpLPQ" data-layout="full" data-count="default" align="middle"></div>
I've tried everything I know! I added the align="middle". I tried to add the <p> element. But it's not going to the middle of the screen :( I have the CSS code to move it to the center, here it is:
h1,h2,p{
font-family:cursive; text-align: center; }
What do I do?
r/htmlbasics • u/CodeTheWebBlog • Dec 15 '17
How to give your website iOS, Android, Windows and browser icons
Hey everyone! I'm the dude who wrote 9 tutorials on HTML a while back, and got 1.3k upvotes. Thanks! <3
Anyway, I've posted another HTML tutorial (I've been doing mainly CSS tutorials lately), and I thought I'd share it as it's something you may not all have heard of.
Basically I go through how to give your website a tab icon, but then also lesser-known icons like iOS home screen icons and Windows tiles. Here's the link if you're interested:
https://codetheweb.blog/2017/12/14/html-icons/
Enjoy! I'd really appreciate if you checked it out and gave feedback, I don't make any money off it and am always looking to improve! Thanks :D
r/htmlbasics • u/CodeTheWebBlog • Nov 15 '17
I just finished writing 9 tutorials on HTML
r/htmlbasics • u/[deleted] • Feb 16 '17