Webmasters with coding ability are in high demand. Webmasters with coding ability are in high demand


Download 455 b.
Sana15.11.2017
Hajmi455 b.





Webmasters with coding ability are in high demand.

  • Webmasters with coding ability are in high demand.

  • HTML is the core language of all websites.

  • Coding ability provides for better control over website development.

  • Designers can easily adapt to updates in web design technology.



You will need a text editor. Notepad, Notepad 2, or Notepad++ is preferred.

  • You will need a text editor. Notepad, Notepad 2, or Notepad++ is preferred.

  • You should have a designated location or web directory to save the examples.



Web pages are nothing more than text files with formatting instructions.

  • Web pages are nothing more than text files with formatting instructions.

  • Quality web pages can be created in simple text editors such as Notepad.





The and tags start and end the document.

  • The and tags start and end the document.

  • They tell the browser where the starting point and ending point of your web page is.

  • The heading and the body are the two main sections of a web page.

  • The heading of your web page contains tags that work behind the scenes.

  • The body section contains the actual content on your web page.















































Web browsers will only recognize one space following a word or character, all others are ignored.

  • Web browsers will only recognize one space following a word or character, all others are ignored.

  • For example, if you were to type a word and press the space bar five times, only the first space would be recognized by the browser.

  • The browser assumes that the other spaces are part of the code layout and not part of the actual document.

  • To add additional spaces to a web page, HTML includes a set of code called SPECIAL CHARACTERS.



HTML tags are created between the < and > brackets

  • HTML tags are created between the < and > brackets

  • Special characters are created between the

  • & and ; characters.

  • Special characters are the characters and symbols that are not on your keyboard, or that the browser would normally interpret as something else, or ignore.









Lists are often used to present information in an easy to read format.

  • Lists are often used to present information in an easy to read format.

  • There are three types of lists:

      • Bulleted, called Unordered Lists
      • Numbered, called Ordered Lists,
      • Definition Lists which are primarily used to set off and define terms.


An unordered list creates bullets before each item in the list.

  • An unordered list creates bullets before each item in the list.

  • To create an unordered list, you should place the
      and
    tags around the entire list.

  • Each item in the list should be preceded with the
  • ~
  • tag.























The definition list does not use bullets or numbers, but uses indentions.

  • The definition list does not use bullets or numbers, but uses indentions.

  • The term, or work being defined, is indicated by the
    tag and has no indentions.

  • The definition, indicated by the
    tag is indented under the term.

  • The entire definition list should be surrounded with the
    and the
    tags.







A nested list is created when you place a sub-list inside of another list.

  • A nested list is created when you place a sub-list inside of another list.

  • An outline could be considered a nested list.

  • When creating a nested list, the sub-list must be opened and closed below the listed item of the main list.

  • If the sub-list is not closed, the browser will not know where the nested list ends and the main list continues.













Links allow visitors to move from one page of the web site to another.



The href attribute should be set equal to the location and file name of the page you want to open.

  • The href attribute should be set equal to the location and file name of the page you want to open.

      • Menu
      • Menu
  • Links must include a corresponding closing anchor tag with the text you want to click on between the opening and closing anchor tags.





To open a page on another web site, you must include http:// in front of the web site address.

  • To open a page on another web site, you must include http:// in front of the web site address.



All links are underlined, and unless you specify otherwise, all links will be blue.

  • All links are underlined, and unless you specify otherwise, all links will be blue.

  • While you are clicking on the link, the color changes red, and after the link has been visited, its color changes to violet.

  • To change the colors of the links on a web page, add the link, vlink, and alink attributes to the body tag.











An email link will open the viewer’s email program and place the email address that you indicated in the TO section.

  • An email link will open the viewer’s email program and place the email address that you indicated in the TO section.

  • To create an email link, the mailto: statement must immediately follow the href and precede the email address.





A page jump is a link that does not open a new page, but moves to another par of the current page.

  • A page jump is a link that does not open a new page, but moves to another par of the current page.

  • It requires two parts, an anchor tag to be used as a section marker to identify the section name of the page where the link should go, and the link to jump to the named section.

  • To name a section, you place the anchor tag with the NAME attribute in the spot where you want the user to go when they click the page jump link.



  • To create the page jump link, you just set the link where you want to add the page jump. Set the href attribute to the name of the section of the page preceded with the # sign.







Changing the style of the font is accomplished using the tag.

  • Changing the style of the font is accomplished using the tag.

  • You enclose the content you wish to format in between the opening and closing tag.

  • The font attributes include: face, size, color.



The default font face style for most browsers is "Times New Roman".

  • The default font face style for most browsers is "Times New Roman".

  • There are five basic font classifications,

      • Serif
      • Sans Serif
      • Script,
      • Fancy
      • Monospace
  • IMPORTANT POINT: Just because you have a particular font on your computer, that does not mean everyone else who visit your site has that same font.



An example of basic font faces:

  • An example of basic font faces:





The font tag may also be used to change the font size of text by adding the size attribute

  • The font tag may also be used to change the font size of text by adding the size attribute

  • There are only 7 font sizes available with 1 being the smallest, and 7 being the largest.



An example of font size:

  • An example of font size:



The color attribute is added to the font tag to change the color of a block of text

  • The color attribute is added to the font tag to change the color of a block of text

  • To assign colors, the color name of a basic color, or the RGB color code may be used.











There are many types of image formats. The two you will most likely use are the gif and jpg formats.

  • There are many types of image formats. The two you will most likely use are the gif and jpg formats.

    • gif (Graphics Interchange Format) limited to 256 colors, one color can be transparent, gif images can be animated.
    • jpg (Joint Photographic Experts Group) Can display millions of colors. Typically used for photographs. Can not include a transparent color or be animated.


The image tag should close itself.

  • The image tag should close itself.

  • The file extension of the image MUST be included after the image name.

















src – specifies the image file

  • src – specifies the image file

  • align – defines image alignment

  • hspace – horizontal spacing

  • vspace – vertical spacing

  • width – width of an image

  • height – height of an image

  • alt – text alternative of an image







A line of text that will appear when your mouse is placed over the image.

  • A line of text that will appear when your mouse is placed over the image.

  • If the image does not load, the text will appear in place of the image.

  • Applied to the img tag using by the alt attribute.












Do'stlaringiz bilan baham:


Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2017
ma'muriyatiga murojaat qiling