Web Development

Text Editors

A text editor is a program on you computer that allows you to create and edit a range of programming language files

Recommended Text Editors

  • Sublime Text
  • Atom
  • Brackets
  • Visual Studio Code
  • I have chosen atom to be my main text editor to create HTML Websites.

    In Week Two, we learned how to make HTML pages.

    HTML and CSS

    Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

    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.
    Markdown is a lightweight markup language based on the formatting conventions that people naturally use in email.


    How to create an html file or css file

    Firstly, create a folder for the location of your website. In the folder, create a text file. To create a html file, rename the text file to index.html . To create a css file, rename the text file to style.css

                                      

    The basic structure of HTML

    This is commonly used in a basic HTML website and other commands could be added to make the html website. Some examples are:

    hr: Adds a horizontal line inside the page

    br: Sends the paragraph to the next line

    a href: Adds a link to different pages

    p: Adds a paragraph to the webpage


    CSS Files

    CSS files are a cascading style sheet (CSS) file used to format the contents of a webpage. It contains customized, global properties for how to display HTML elements. CSS files can define the size, color, font, line spacing, indentation, borders, and location of HTML elements.

    Different parts of the HTML file is being divided into different parts and a CSS file is made to give designs and colors to the specific parts of the HTML file. The picture above is an example of different commands that can be used to decorate the HTML Website.