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.130 comments

  1. situs Slot bri online 24 jam

    Today, while I was at work, my cousin stole my iPad and
    tested to see if it can survive a 30 foot drop, just so she can be a youtube
    sensation. My apple ipad is now destroyed and she has 83
    views. I know this is completely off topic but I had to share it with
    someone!

  2. avcilar otel fiyatlari

    I’m not that much of a online reader to be honest but
    your sites really nice, keep it up! I’ll go ahead and bookmark your website to come back later on.
    Many thanks

  3. Situs slot qq deposit pulsa

    When someone writes an post he/she maintains the image of a
    user in his/her mind that how a user can be aware of it.

    So that’s why this post is perfect. Thanks!

  4. 메이저사이트

    This is very interesting, You are a very skilled blogger.
    I have joined your feed and look forward to seeking more of your magnificent post.

    Also, I have shared your website in my social networks!

    My web-site 메이저사이트

  5. Irving

    Hi! I simply wish to give you a big thumbs up for the excellent
    info you have here on this post. I will be returning
    to your web site for more soon.

  6. roblox free robux

    Hey! This post could not be written any better! Reading this post reminds me of my good old
    room mate! He always kept chatting about this. I will forward this write-up to him.
    Fairly certain he will have a good read. Many thanks for sharing!

  7. find more

    Greetings from Florida! I’m bored to death at work so I decided to browse
    your website on my iphone during lunch break.

    I really like the information you present here and can’t wait to take a look when I get home.
    I’m shocked at how quick your blog loaded on my mobile ..
    I’m not even using WIFI, just 3G .. Anyways, wonderful blog!

  8. xxx mom son fuck HD movies

    Hi to all, how is everything, I think every one is getting more from this website, and your views are good designed for new people.

  9. Bandarq Online

    The other day, while I was at work, my sister stole my iPad and
    tested to see if it can survive a twenty five foot drop, just so
    she can be a youtube sensation. My apple ipad is now destroyed and she has 83
    views. I know this is entirely off topic but I had to share it with someone!

    Check out my web page – Bandarq Online

  10. KQXSCM

    I’ve been browsing on-line more than three hours nowadays, yet I by no means discovered
    any attention-grabbing article like yours. It is beautiful worth enough for me.
    In my opinion, if all website owners and bloggers made
    excellent content material as you did, the internet can be much
    more helpful than ever before.

  11. Packers And Movers in Pune

    Hello there! This is my first comment here so I just wanted to give
    a quick shout out and say I genuinely enjoy reading through
    your blog posts. Can you recommend any other blogs/websites/forums that deal
    with the same subjects? Appreciate it!

  12. http://www.seboo.org/

    It’s perfect time to make some plans for the longer term and it is time to
    be happy. I’ve read this publish and if I may I desire to counsel you few attention-grabbing things or suggestions.
    Perhaps you can write subsequent articles relating to this article.
    I desire to learn more issues approximately it!

  13. Ac Repairs In Hyderabad

    I must thank you for the efforts you have put
    in penning this site. I’m hoping to check out the same high-grade blog posts from you
    later on as well. In fact, your creative writing abilities has encouraged me to get my
    very own website now 😉

  14. dominoqq

    Discover steps required to lose one pound or one kilogram of fats
    for a weight reduction program.

  15. dien vien phim sex nhat ban

    Thanks a ton for being my personal lecturer on this niche.

    I enjoyed your article quite definitely and most
    of all cherished the way in which you handled the issues I regarded as
    being controversial. You are always quite kind towards readers
    much like me and assist me to in my life. Thank you.

  16. Joker388

    Pretty! This has been an incredibly wonderful article.
    Many thanks for supplying this information.

  17. Poker Online

    Hmm it appears like your website ate my first comment (it was extremely long)
    so I guess I’ll just sum it up what I had written and say, I’m thoroughly enjoying your
    blog. I as well am an aspiring blog writer but I’m still
    new to the whole thing. Do you have any tips and hints for first-time blog writers?

    I’d genuinely appreciate it.

  18. 샌즈카지노

    You can certainly see your expertise within the work you write.
    The sector hopes for more passionate writers such as
    you who are not afraid to say how they believe.
    All the time go after your heart.

    Stop by my homepage :: 샌즈카지노

  19. 우리카지노

    Greetings from Idaho! I’m bored at work so I decided
    to browse your blog on my iphone during lunch break. I love the information you provide here
    and can’t wait to take a look when I get home.
    I’m amazed at how fast your blog loaded on my phone .. I’m not even using WIFI,
    just 3G .. Anyways, excellent blog!

    My web blog :: 우리카지노

  20. Aufstellpool

    I am regular reader, how are you everybody? This post posted at this site is really pleasant.

  21. free robux

    You’ve made some decent points there. I looked on the net for more info about the issue
    and found most individuals will go along with your views on this web site.

  22. bandar bola online

    I really like it when folks get together and share opinions.
    Great site, continue the good work!

  23. cua king crab

    I’m really impressed with your writing skills and also with the layout
    on your blog. Is this a paid theme or did you customize it yourself?
    Anyway keep up the excellent quality writing, it is
    rare to see a nice blog like this one nowadays.

Tinggalkan Balasan

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