CabConModding
Facebook
Twitter
youtube
Discord
Contact us
RSS
Menu
CabConModding
Home
New
Top
Premium
Rules
FAQ - Frequently Asked Questions
Games
Fornite
Call of Duty: Black Ops 3
Clash of Clans
Grand Theft Auto 5
Apex Legends
Assassin’s Creed Origins
Forums
Premium
Latest posts
What's new
Latest posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Log in
Register
What's new
Premium
Latest posts
Menu
Log in
Register
Navigation
Install the app
Install
More options
Dark Theme
Contact us
Close Menu
Forums
Tech Boards
Web Development
HTML/CSS
HTML/CSS Tutorials
Web Development 101 (In Progress)
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Craze" data-source="post: 30847" data-attributes="member: 3939"><p><em><span style="font-size: 22px"><strong>Intro</strong></span></em></p><p>Web Development 101 is a thread to help teach you web development. I might continue updating this thread in the future or maybe turn into an eBook. I am in no way an expert so yeah. Hopefully, you'll learn some HTML, CSS, JavaScript and anything else on here. Please leave feedback on this, it's much appreciated.</p><p></p><p>Btw, the thread is kinda broken, so don't follow this tutorial yet</p><p></p><p><em><span style="font-size: 22px"><strong>HTML</strong></span></em></p><p><span style="font-size: 22px"><span style="font-size: 15px">[spoiler=HTML][/spoiler]</span>[spoiler=HTML][/spoiler]</span>[spoiler=HTML]</p><p><span style="font-size: 22px"><span style="font-size: 15px">HTML stands for Hyper Text Markup Language, it is used to structure the webpage. In HTML, you can just write text, the tags just add extra (although, it is good to use tags for most things). Firstly, create a folder called something you'll remember (e.g: HTML learning). In that folder, make a file named "index.html". Open that folder in a text editor like Sublime Text. In the file put this in: [CODE]<html>[/SIZE][/SIZE][/SIZE][/SIZE]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">[SIZE=6][SIZE=4][SIZE=6][SIZE=4]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px"></html>[/CODE]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">These are tags, with the text html in them. This basically shows the browser that this is a HTML file and should be shown like one. Inside the html tags, put [code]<body>[/SIZE][/SIZE][/SIZE][/SIZE]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">[SIZE=6][SIZE=4][SIZE=6][SIZE=4]</body>[/code]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">This is where all the pages content will go. Our file should look like [code]<html>[/SIZE][/SIZE][/SIZE][/SIZE]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">[SIZE=6][SIZE=4][SIZE=6][SIZE=4] <body></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px"></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px"> </body></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px"></html></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">[/code]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">Inside the body, add [code]<h1>My first webpage</h1>[/code]. Well done, you've made your first website, you can change "My first webpage" to whatever you like. Your code should look like [code]<html>[/SIZE][/SIZE][/SIZE][/SIZE]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">[SIZE=6][SIZE=4][SIZE=6][SIZE=4] <body></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px"> <h1>My first webpage</h1></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px"> </body></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px"></html></span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">[/code]</span></span></p><p><span style="font-size: 22px"><span style="font-size: 15px">I will be back soon adding to this! This is not the end.</span></span></p><p>[/spoiler]</p></blockquote><p></p>
[QUOTE="Craze, post: 30847, member: 3939"] [I][SIZE=6][B]Intro[/B][/SIZE][/I] Web Development 101 is a thread to help teach you web development. I might continue updating this thread in the future or maybe turn into an eBook. I am in no way an expert so yeah. Hopefully, you'll learn some HTML, CSS, JavaScript and anything else on here. Please leave feedback on this, it's much appreciated. Btw, the thread is kinda broken, so don't follow this tutorial yet [I][SIZE=6][B]HTML[/B][/SIZE][/I] [SIZE=6][SIZE=4][spoiler=HTML][/spoiler][/SIZE][spoiler=HTML][/spoiler][/SIZE][spoiler=HTML] [SIZE=6][SIZE=4]HTML stands for Hyper Text Markup Language, it is used to structure the webpage. In HTML, you can just write text, the tags just add extra (although, it is good to use tags for most things). Firstly, create a folder called something you'll remember (e.g: HTML learning). In that folder, make a file named "index.html". Open that folder in a text editor like Sublime Text. In the file put this in: [CODE]<html>[/SIZE][/SIZE][/SIZE][/SIZE] [SIZE=6][SIZE=4][SIZE=6][SIZE=4] </html>[/CODE][/SIZE][/SIZE] [SIZE=6][SIZE=4]These are tags, with the text html in them. This basically shows the browser that this is a HTML file and should be shown like one. Inside the html tags, put [code]<body>[/SIZE][/SIZE][/SIZE][/SIZE] [SIZE=6][SIZE=4][SIZE=6][SIZE=4]</body>[/code][/SIZE][/SIZE] [SIZE=6][SIZE=4]This is where all the pages content will go. Our file should look like [code]<html>[/SIZE][/SIZE][/SIZE][/SIZE] [SIZE=6][SIZE=4][SIZE=6][SIZE=4] <body> </body> </html> [/code][/SIZE][/SIZE] [SIZE=6][SIZE=4]Inside the body, add [code]<h1>My first webpage</h1>[/code]. Well done, you've made your first website, you can change "My first webpage" to whatever you like. Your code should look like [code]<html>[/SIZE][/SIZE][/SIZE][/SIZE] [SIZE=6][SIZE=4][SIZE=6][SIZE=4] <body> <h1>My first webpage</h1> </body> </html> [/code][/SIZE][/SIZE] [SIZE=6][SIZE=4]I will be back soon adding to this! This is not the end.[/SIZE][/SIZE] [/spoiler] [/QUOTE]
Verification
Post reply
Forums
Tech Boards
Web Development
HTML/CSS
HTML/CSS Tutorials
Web Development 101 (In Progress)
CabConModding is now on facebook! Check the latest Updates, the Site Status and much more now!
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.
Accept
Learn more…
Top