computer

avatar
Created by
.. ruii

Cards (37)

  • foundation/backbone
    \ language/code
    \ /
    hyper text mark-up language
  • html function : is a language used to create a website
  • 1. Protocol-The protocol instructs how a web browser should communicate with a web server when sending or fetching a web page. The Hypertext Transfer Protocol (HTTP) is a communication protocol used to send and receive web pages and files on the Internet. It is the foundation of data communication for the World Wide Web
  • 2. Domain Name -This identifies the type of association that is directly responsible for the information. It contains the web page name that you are searching; and
  • 3. Resource ID - This is the name of the file for the page and any directories or subdirectories under which it is stored on a specified computer.
  • http://wwwrexinteractive.com/index.php
    / \ \
    1. protocol 2. domain name \
    3. resource id
  • Basic guides on planning a website design :
    1. knowing your topic
    2. defining your purpose
    3. determining the site structure
    4. deciding how your site will look like
    5. design consideration
  • HTML stands for Hypertext Markup Language.
    It consists of a short code called a tag typed into a text file. These tags are coding instructions embedded in the HTML document. The text is then saved as an HTML file and viewed through a web browser such as the Internet Explorer or any web browser. The browser then translates those files into visible forms. To make it easy for you to understand, let us break it down word for word:
  • Hyper - In simple terms, it means "active." When you are on the Internet using a web browser, you can in fact go "all over the place." When you see something you like or is interesting on the web, you can immediately go to that page simply because it creates a link in a web page to any resource on the web;
  • / 2 Text- This means that it is universal wherein you can create a web page in a simple "text" file format or save as text files; text-related
  • 3. Markup - In order to create web pages, you type in text which is then "marked- up" or identified for proper rendering by your web browser. It will describe the format of the text by using instructions to generate a final output in the way you want it to appear using the web browser. There are three kinds of markups: element or tag, attribute, and value
    structure/appearance
  • 4. Language - It means that you are using a language with all its syntax. Syntax is a set of grammatical rules and structural patterns that use appropriate words and symbols for issuing commands, writing codes, and so on. letters numbers, symbols; CODES :TAGS
  • Tags ared to specin HTML documents that indicate a special type of coding that are use these city document titles, itemized disate a special type of coding texts among others. It is always enclosed with a less than (<) symbol and a greater than (>) symbol. There are two basic types of tags:
  • Paired Tags - This is a type of tag that has a companion. The first tag is referred to as the Opening tag, and the second tag is referred to as the tag is referred to as the closing tag
  • 2. Unpaired Tags - This tag is also known as a Stand-alone tag since it does not need a closing tag. Some of these tags only provide information about your HTML document and does not affect the contents or how they are displayed.
  • example of stand alone tags :
    • <br> : will give you a line break. This means that the text will move and start on the next line.
    • <hr> : will draw a horizontal line across your page. The hr means horizontal rule.
    • <meta> : is used to store information and usually relevant to browsers and search engines.
    • <area> : is used for defining an area in an image map.
  • BASIC PAIRED TAGS BY CATEGORY
    1. Structural Tags - These tags are mandatory and placed at the beginning and end of an html file
    <html> | </html> : for an html document
    <head> | </head> : for the head section
    <title> | </title> : for the web page title
    <body> | </body> : for the body section
  • 2. Headings - These tags are the six levels of headings.
  • 3. Formatting Tags - These tags affect the appearance or style of the words or sentences. Tags Function/Purpose <em> </em> It is used to emphasize text and appears in italic text. <strong> </strong> It is used for emphasis and usually appears in bold text. <center> </center> It is used to place the text in the middle of the page.
  • 4. Separator/Container Tags - These tags separate words and sentences on a page.
    Tags

    Function/Purpose

    <p>

    </p>

    This defines a block of text as a paragraph.

    <br>

    </br>

    This tag gives you a line break.

    <hr>

    </hr>

    This draws a horizontal line in your page.

    <div>
    <div/>

    This is used to separate the document into sections.
  • NOTE: title can seen on The tab
  • In an HTML5 document, the first tag that you type <!DOCTYPE html>. This tag is used to declare an HTML5 document type. It will tell the browser what kind of document you are using and what set of rules and standards you are applying. It is not case sensitive; it is common practice to type the tag this way or in all caps. eginning is
    1. The HTML <html> Elements - Your HTML coding should be placed inside the paired <html> tag, except for the DOCTYPE tag. The HTML element simply tells your computer that this for the DC document. All other element tags are nestled within the start and end HTML tags, wherein the web page is then further subdivided into two main sections: the Head and the Body.
  • 2. Main Sections of HTML
    There are two main sections of HTML.

    a. Head Section - It contains the page title or the text that will appear in the title bar of the web browser.

    Example:

    <head>
    <title> My First Web Page </title>
    </head>

    b. The <meta> tag is another item that you can place in the head section. It will provide additional information about your web page and can be used for several purposes:
    • use the <meta> tag to identify appropriate keywords related to your page.
  • 3. Body Section
    Everything that will be displayed on your web page will be held in this section. It has attributes that will control the overall appearance of your HTML documents. These sections include other HTML elements like the Header, Paragraph, List, Table, Form, and more.
  • When visiting a web page, you normally search with the use of the web-browse the exact location of the computer that contains the information you are searching for. You are accessing the computer by referencing the "actual web address" also known as the Uniform Resource Locator (URL).
  • HTML 1.) it consists of a short code called a tag typed into a text file
    Notepad ++ 2.) it is an application used to write the codes in HTML5.
    Tags 3.) it is a marker in HTML documents that indicate a special type of coding that are used to specify document titles, itemized lists, and the like.
  • HTML consists of short codes called tags typed into a text file
  • Notepad++ is an application used to write codes in HTML5
  • Tags in HTML are markers that indicate a special type of coding used to specify document titles, itemized lists, and more
  • Unpaired tags, also known as stand-alone tags, do not need a closing tag
  • The head section in HTML contains the page title or the text that will appear in the title bar of the web browser
  • <!DOCTYPE html> is the tag used to declare an HTML5 document type
  • Paired tags are a type of tag that has a companion
  • The body section in HTML has attributes that control the overall appearance of your HTML documents
  • The <meta> tag is used to identify appropriate keywords related to your page for an easy search result in a web browser
  • Formatting tags in HTML are tags that affect the appearance or style of words or sentences