Learn To Design A Basic HTML Structure & Sign-in Webpage | RoUnak Pradhan | Skillshare

Learn To Design A Basic HTML Structure & Sign-in Webpage

RoUnak Pradhan, Welcome To My World of Design and Glory!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
3 Lessons (23m)
    • 1. 1.Design A Basic HTML Structure & SIGN IN Webpage.

      1:48
    • 2. 2.Basic HTML Structure.

      6:57
    • 3. 3.Design A SIGN IN FORM.

      14:16

About This Class

This is the first class of a complete HTML Series that I will be launching in the near future. I am using this class, to introduce myself to the community and break the ice. 

The Class covers how you can design a Basic HTML form for a Website. 

The instructions are elaborate and easy to follow, but if you still have any confusion, you can let me know in the Projects Section if you are stuck or in the Discussions Section. 

The Course is aimed at all budding web developers who want to get started with HTML. I will be covering CSS and Javascript in future as well.

Being a coder by background, I am always around the corner, sleeping and restless. I love helping people overcome their fear of Coding. So if you need anything, don't hesitate to reach out to me and I will try my best to help you out. :)

Transcripts

1. 1.Design A Basic HTML Structure & SIGN IN Webpage.: Hello, guys. I'm Rana. Prudent. And today I'm going to teach you how to design a signing form using HTML. So that is Jamon stands for hypertext markup language. That is the basis off all the websites. I can show you how easily you can create an estimate document. Hopefully, by the end of this tutorial, you'll have a good understanding off the structure of HTML. You should have a good knowledge of a century. How is Jamil works? So the esteem Elise made up off bags now interrogate how a steam ill defined different areas and sex and off the document. Now, what are you going to learn in this class in this tutorial class? I'm going to teach you the tags A tribute like the head back body deck heading deck which is aged one age to a three age for age pipe and a six and input tech forms radio burden that I could update that is Vedic and how to add it image with a background and also that ejected. So if you want to learn how to design a signing bomb with HTML, just click on the blue and roll button and I will see you in the next class. Thank you. 2. 2.Basic HTML Structure.: Welcome back, guys. Thank you. You have decided to enroll in my court, so I'm going to show you how to create a HTML were pit After that, I will show you how to design a sign. Inform. So the first AC unit in html is simply the HTML tag. Now most Agnes de Mille opening and closing. See up here we have got the opening HTML check in between the symbol and then down here we have got the closing bag, which is nearly same with words less. And that is that define a closing tag. Within. That is Jim attack. We have to siccing one hit 16 2nd body section Saudi. So in the head sex. And this is where so information about the way pitch in the body sex and this is where the actual contain, which is different to the user. This is the basic on the basis web structure. What is Jamil bitch? So we start in the head six and we all really need up here for now. Is that title tech? And this is the takes display in the Web browser title, but and I'm just type India html tutorial class. If we're to save these Now you must remember Save it as a female pilot and you can just in in North Bend a service type toe all file. If you were to say then then open it anyway, brother, we would get a blank pitch. But it would say in the title Birth is timid to do a plus. See, we have got a blank pitch. But it says is Jamil tutorial plus up here in title bar. So now we want to add some content to the page. So use a little fasting you would want the heading is Jim and had some hitting deck. We have got age one, which would create the biggest hitting in terms off style. Simply increase the front size and makes it bull. So that would be open and close. Yes, that's him. And up their age One, you have age to a three h for H pipe and a six which gets smaller each time. Each one is the main heading and H two is the subheading. For example, we were just going to use one point now type in age one bag. This is my plast website. Okay? And I keep switching to that, my brother. So you again easily see the progress we're making. So we have a hating. This is my plaster website. So operetta hitting you'd want some text more easily and maybe a paragraph text would use the big Sorry, and I'm going toe type. And we're doing this symbol citing Bill O sib, See signing below. So I'm just going to go through some vital tag and some really base isn't tags that you need to start building advanced website. Hopefully by the end of this tutorial, you have good understanding off the structure or base dammit. Thank you. 3. 3.Design A SIGN IN FORM.: Hello, Vice. In this class, I'm showing you the final part of this tutorial. Designers signing home. So we have learned the basic HTML structure in the previous class. Now we're going to design a form in this class. I'm going to use the HR tag. It's created where is on the line? In between? Bad actor Objection and dob other form section. So save it. See the wires in the lane? No. And I'm going to use body background attributes which helped us to look beautiful. Our signing home. This is in between. Hey, detection. Okay, Now I'm showing you how to add any image in this part in between this court and also where the age developer saved. So simply copy and image Poppy. Andi basted where the HTML places done, then I'm I've been in be doing this court that image name with its extensive. Now save it. See the beautiful pages here? No, I'm creating a form to create a bomb. I'm going to use form deg in the home taxation. I'm going to create a user interface structure like past name, last name Yumileidi password, and also used a beard tag for next line. Now I'm type in port. Beg it. Heads do collect data from the user. Now the last name again. Input email . I d boss word. - Yes , David. See the user interface structure? First name, last name email. I really classwork. No, I'm do use. Select your gender with radio button in good type. Radio name the anger value. Male? Yeah, Again. Input again in boot heart. Other gender there. Do you name value Other. Okay. No, it's done. Save it. Let's see. See your gender? Female. Other male. Okay, now I am cleared. A submit burden input tape submit. Sorry. I mean, stick no se v see all assigning bitch Lost name. Last name, milady. Password. Select your gender and submit button. So we have got background. Name box Humility box. Password box. Last name box. Really? Over an option with these Zenda. Select Now submit burden. So we have designed aside into a pitch within or pet. So hopefully you know, Understand how tag works and open and close them. I know this is not a fantastic, citing poem, but that is the basic structure off a poem. So good luck in creating your first signing weapons. I hope you can build a advanced website if you like this tutorial, please Like it Leave a comment. Thank you.