HTML5 tutorial part 2

Discussion in 'HTML & Website Design' started by HuggyStudios, Jan 29, 2014.

0
  1. #1
    I've just finished writing part 2 for my weekly blog on learning how to create websites. I would appreciate any feedback on areas that I could improve. This part moves on from part 1 and we add some markup to our page waiting for the next lesson where we will be adding CSS3.

    http://glenhughes.me/part-2-creating-your-page-structure/

    Thanks!
     
    HuggyStudios, Jan 29, 2014 IP
  2. Murugesan.quadraincorp

    Murugesan.quadraincorp Greenhorn

    Messages:
    15
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    23
    #2
    Hi,
    First u instal CSS3
    1.start and create new Html file and adding marquee and etc using or class name...
    2.create new CSS file and write code ;
    3.link css file in html page.
    ex:
    HTML file:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>sample</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
    <div id="wrapper">
    <marquee align="middle" direction="right">hi this forum in Digital point</marquee>
    </div>
    </body>
    </html>

    style.css

    #wrapper
    {
    width:1000px;
    height:auto;
    background-color:#C60;
    margin:20px; padding:30px;


    }
     
    Murugesan.quadraincorp, Jan 29, 2014 IP
  3. HuggyStudios

    HuggyStudios Well-Known Member

    Messages:
    724
    Likes Received:
    20
    Best Answers:
    26
    Trophy Points:
    165
    #3
    What on earth are you going on about? Stop filling my topic with rubbish!!
     
    HuggyStudios, Jan 30, 2014 IP
    deathshadow and kk5st like this.
  4. OlegLola

    OlegLola Active Member

    Messages:
    93
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    58
    #4
    Hi @HuggyStudios! Great tutorial for beginners. Which other topics are you going to cover?
     
    OlegLola, Jan 31, 2014 IP
  5. HuggyStudios

    HuggyStudios Well-Known Member

    Messages:
    724
    Likes Received:
    20
    Best Answers:
    26
    Trophy Points:
    165
    #5
    Thanks for the post. My aim is to cover everything you would need to create a simple website and then move onto more advanced areas. I'm trying to take things very slow and try to make sure I don't confuse people trying to follow the tutorials. The languages I'm going to be including are HTML5, CSS3, JavaScript, jQuery, PHP5 and MySQL.
     
    HuggyStudios, Jan 31, 2014 IP
  6. mypress2

    mypress2 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #6
    thank you it is a very good tutorial bro waiting for part 3 good chance
     
    mypress2, Jan 31, 2014 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    Shame it's got the HTML 5 crap, what with the NAV for nothing, lack of a proper heading, the presentationa ASIDE nonsense... :D

    Though you might want to show some consistent closings on 'empty' tags.... since you're mixing your X with your non in there.

    ... and whatever that tool around your code blocks are, LOSE IT. It's only making it harder to use or copy... of course that they are inside a DIV with non-breaking spaces instead of using <pre><code>code here</code></pre> is inaccessible non-semantic crap too. "crayon"?!? Should be called "crapOn"! Especially with all the idiotic SPAN plus classes doing CODE, VAR, I, B and SMALL's job.

    Oh, and...
    BWAHAHAHA.... oh man... I'd quote Samuel L. Jackson in Olde English, but there's so much wrong with that entire statement even "Do they speak English in what?" doesn't BEGIN to cover it.
     
    deathshadow, Feb 1, 2014 IP
  8. John Michael

    John Michael Member

    Messages:
    154
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    43
    #8
    Hello HuggyStudios! I read your article about HTML5 and CSS3. This is very informative and helpful for me. Now a days every one want to make there web site in HTML5 and CSS3. Because HTML5 and css3 give us some functions that help us and save our times . For example in CSS3 you can your box-shadow and HTML5 you can use input type="email", "name" "date" etc for validation.
     
    John Michael, Feb 12, 2014 IP