HTML Basic Concept

An overview:

  • HTML provides the basic structure of sites, which is enhanced and modified by other technologies like CSS and JavaScript.
  • CSS is used to control presentation, formatting, and layout.
  • JavaScript is used to control the behavior of different elements.

Now, let’s go over each one individually to help you understand the roles each plays on a website and then we’ll cover how they fit together. Let’s start with good ol’ HTML.

HTML

HTML is at the core of every web page, regardless the complexity of a site or number of technologies involved. It’s an essential skill for any web professional. It’s the starting point for anyone learning how to create content for the web. And, luckily for us, it’s surprisingly easy to learn.null

Let me show you what I mean. Take a look at the article below. If I were to ask you to label the types of content on the page, you’d probably do pretty well: There’s the header at the top, then a subheader below it, the body text, and some images at the bottom followed by a few more bits of text.

magazine-page-example

Markup languages work in the same way as you just did when you labeled those content types, except they use code to do it — specifically, they use HTML tags, also known as “elements.” These tags have pretty intuitive names: Header tags, paragraph tags, image tags, and so on.

Every web page is made up of a bunch of these HTML tags denoting each type of content on the page. Each type of content on the page is “wrapped” in, i.e. surrounded by, HTML tags.

For example, the words you’re reading right now are part of a paragraph. If I were coding this web page from scratch (instead of using the WYSIWG editor in HubSpot’s COS), I would have started this paragraph with an openingparagraph tag: <p>. The “tag” part is denoted by open brackets, and the letter “p” tells the computer that we’re opening a paragraph instead of some other type of content.

Once a tag has been opened, all of the content that follows is assumed to be part of that tag until you “close” the tag. When the paragraph ends, I’d put a closing paragraph tag: </p>. Notice that closing tags look exactly the same as opening tags, except there is a forward slash after the left angle bracket. Here’s an example:

<p>This is a paragraph.</p>

Using HTML, you can add headings, format paragraphs, control line breaks, make lists, emphasize text, create special characters, insert images, create links, build tables, control some styling, and much more.

To learn more about coding in HTML, I recommend checking out our guide to basic HTML, and using the free classes and resources on codecademy — but for now, let’s move on to CSS.

 

1.380 comments

  1. http://blualix.net/

    Good day! I could have sworn I’ve visited this web site before but after browsing through a few
    of the posts I realized it’s new to me. Anyways,
    I’m certainly pleased I came across it and I’ll be book-marking it and checking back often!

    Also visit my blog :: http://blualix.net/

  2. bbw chan

    Hi, I do tһink thіѕ is an excellent website. Ι stumbledupon it 😉 I’m going to come
    back yet agɑin ѕince i hɑve book marked it.
    Money and freedom is tһe ɡreatest way to cһange, mayy уоu Ьe rich and continue tto guide
    օther people.

    my blog post … bbw chan

  3. por hub

    Excellent pieces. Ꮶeep posting ѕuch kkind օf info on your page.
    Im realⅼy impressed bʏ your blog.
    Hey there, Ⲩou’ve performed a fantastic job. І will certainly digg it аnd personally recommend t᧐
    my friends. I am confident tһey will be benefited from
    this site.

    My hօmepage :: por hub

  4. 专为男士服务在迪拜

    This design is spectacular! You obviously know how to keep a reader amused.
    Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Great job.
    I really loved what you had to say, and more than that,
    how you presented it. Too cool!

  5. Keesha

    Right here is the right website for anybody who would like to find out about this topic.

    You realize so much its almost tough to argue with you (not that I personally will need to…HaHa).
    You definitely put a brand new spin on a topic that has been written about for decades.
    Excellent stuff, just great!

  6. Dabin Earbuds

    Keep up the wonderful piece of work, I read few blog posts
    on this web site and I conceive that your blog is really interesting and has got sets of great information.

    my homepage Dabin Earbuds

  7. einweg maske

    It’s actually very difficult in this busy life to listen news on Television, thus I simply use the web for that
    purpose, and get the latest information.

  8. Stacie

    Attractive component of content. I just stumbled upon your site and in accession capital
    to say that I acquire in fact enjoyed account your blog posts.
    Anyway I’ll be subscribing on your augment or even I success you access consistently
    fast.

  9. blackdiamond-casino.com

    Nice blog here! Also your website loads up fast!

    What host are you using? Can I get your affiliate link to your host?
    I wish my website loaded up as fast as yours lol

  10. Nichol

    I enjoy what you guys are up too. This type of clever work
    and reporting! Keep up the terrific works guys I’ve included you guys to my blogroll.

  11. BHB Fit Keto Pills

    Hello there, simply turned into alert to your weblog through Google, and located that it’s
    really informative. I’m going to watch out for brussels.
    I’ll be grateful if you continue this in future. A lot of other folks will
    likely be benefited out of your writing. Cheers!

    Check out my blog post :: BHB Fit Keto Pills

  12. Brandi

    Do you have a spam issue on this website; I also am a
    blogger, and I was curious about your situation; many of us
    have created some nice procedures and we are looking to exchange strategies
    with others, be sure to shoot me an e-mail if interested.

  13. Sidney

    If you desire to increase your familiarity only keep visiting this web page and
    be updated with the newest news update posted here.

  14. site web

    I’d like to find out more? I’d like to find out more details.

  15. Florencia

    I love it when individuals come together and share opinions.
    Great site, stick with it!

  16. Rob

    Great blog here! Also your website loads up very fast!
    What host are you using? Can I get your affiliate link to your host?
    I wish my site loaded up as quickly as yours lol

  17. https://ourlibertydma.com/index.php?action=profile;u=489254

    What i don’t understood is actually how you’re no longer really a lot more smartly-favored than you might
    be right now. You’re very intelligent. You understand therefore significantly on the
    subject of this topic, produced me for my part believe it from
    so many numerous angles. Its like men and women aren’t fascinated
    except it is one thing to accomplish with Woman gaga! Your
    own stuffs great. At all times deal with it up!

  18. Vickey

    With havin so much content and articles do you ever run into
    any issues of plagorism or copyright violation? My site has
    a lot of completely unique content I’ve either authored myself or outsourced but it seems a lot of
    it is popping it up all over the web without my agreement.

    Do you know any solutions to help protect against content from being ripped off?

    I’d definitely appreciate it.

  19. Trey

    Hi there everyone, it’s my first pay a quick visit at this web
    site, and article is actually fruitful for me, keep up posting these articles or reviews.

  20. center4familyservices.com

    I want to convey my affection for your generosity in support of folks that should have assistance with this particular subject matter.
    Your real commitment to getting the solution all around appeared to be extraordinarily productive
    and has consistently allowed some individuals much like me to
    arrive at their dreams. Your personal valuable guide signifies
    this much to me and even further to my mates.
    With thanks; from each one of us.

  21. moroccanoil

    Only wanna input that you have a very decent site, I like the style it really stands out.

  22. xem them image skincare vital c hydrating water burst

    Attractive portion of content. I just stumbled upon your website
    and in accession capital to claim that I
    get in fact loved account your weblog posts.

    Any way I will be subscribing for your feeds or even I fulfillment
    you get entry to persistently fast.

  23. Jacquelyn

    I enjoy the efforts you have put in this, thanks for all the great articles.

  24. image vital c

    What i don’t realize is actually how you are no longer really much more smartly-appreciated
    than you might be right now. You are very intelligent.
    You understand therefore significantly in the case of this matter,
    produced me personally believe it from a lot of various angles.
    Its like men and women aren’t fascinated until it is something to do with Girl gaga!
    Your personal stuffs great. All the time
    take care of it up!

  25. forum.antybandyta.pl

    Hey there! I know this is kind of off topic but I was wondering if
    you knew where I could get a captcha plugin for my
    comment form? I’m using the same blog platform as yours and I’m having trouble finding one?
    Thanks a lot!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *