Creating A Webpage Using HTML & CSS

3y ago
117 Views
5 Downloads
702.87 KB
10 Pages
Last View : 1d ago
Last Download : 3m ago
Upload by : Cannon Runnels
Transcription

Creating A Webpage Using HTML & CSSBriefintroduction.Listkeylearningoutcomes: obeDreamweaver. aphsintoawebpageusingtheappropriatetags. obePhotoshop. page.TodothisgotoFile ndcorneroftheDreamweaverprogram.

rmyspecificwebsite,developedforanon- asfollowed: Header1:“SALUD” Header2:“SaveaLife,UnderstandDisease” easeisaservice- derstandingdisease.” tpanelofthescreen.Itshouldlooklikeso:

Noticehoweachsectionisnestledbetweentwotags( p and /p ehowintheleftpanel,thetagschangedfrom p and /p to h1 and /h1 �heading5”tag.

CSSdocumentbygoingtoFile New CSS.Next,savethefilebygoingtoFile ,clickrightafterthe body tag.Insertabreakinthecodebypressing

returnonthekeyboard.Then,typethefollowingtag: divid ”h1” /div uldnowlooklikethis:Now,clickinthecenterofthetag( ).Then,youaregoingtoclickthe“link”button( css”andpressOK.

tab,andclickthe“add”button( ize,fontfamily,andthefontcolor.Now,simplyselect h1 SALUD /h1 andcutandpastedirectlyinto divid ”h1” /div naction!

nView

UTF- ‐8";/*CSSDocument*/body{color:#39Fline- ‐height:1.5em;font- o,serif;font- ‐size:16px;background- ‐color:#09F;}.page{max- tive;background- ‐color:#FFF;}h1{font- ‐size:2em;font- t- ‐size:2em;font- yourbodyhtmltag)willappearthatcolor.

tagsinyourHTML: center /center Forexample,tocenteryourh1tagyouwillwrite: h1 center SALUD /center /h1 Comparedto: h1 SALUD /h1 vedtothedesktop!TheeasiestwaytodothisisgotoInsert om:http://www.lynda.com/Dreamweaver- ‐tutorials/Dreamweaver- ‐CS6- ‐WordPress- ‐38- ‐Core- ‐Concepts/161459- ‐2.htmlhttp://www.lynda.com/Web- ‐Interactive- ‐CSS- ‐tutorials/CSS- ‐Fundamentals/80436- ‐2.html?srchtrk nce%0Asa:true%0Aproducttypeid:2

abSpring,2015

Creating A Webpage Using HTML & CSS ing&outcomes:& ;of&hypertext&markup&language& (HTML5)and .

Related Documents:

Intro to HTML / CSS Rachel Starry UrsinusCollege, Tech Play Day May 31, 2018 * HTML Hyper Text Markup Language * HTML is the standard language for creating web pages. What is HTML? HTML Version Year HTML 1991 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 HTML5 2014 * "HyperText" uses hyperlinks: these allow you

Creating a webpage using html James Tam Making A University Webpage Use a simple editor WordPad (dont use MS-Word because it will generate a great deal of extra unnecessary information for a simple webpage). Save it as a text file Make sure you manually add the .htm or .htmlsuffix to the end of the file otherwise it will be text

Identify the different HTML tags and their functions; Recognize the syntax of HTML attributes and their effects on the webpage; Create a simple webpage using the HTML tags and attributes; and Apply and explain the importance of creativity in making a webpage.

History of HTML / CSS HTML 1.0 - 1993 - The Good Old Days - life was simple HTML 2.0 - 1995 - Some interesting layout features - abused CSS 1 - 1996 HTML 3.2 - 1997 HTML 4.0 - 1997 - Layout moving toward CSS CSS Level 2 - 1998 HTML 4.01 - 1999 - What we use today HTML has evolved a *lot* over the years - as computers and networks have gotten faster.

History of HTML / CSS HTML 1.0 - 1993 - The Good Old Days - life was simple HTML 2.0 - 1995 - Some interesting layout features - abused CSS 1 - 1996 HTML 3.2 - 1997 HTML 4.0 - 1997 - Layout moving toward CSS CSS Level 2 - 1998 HTML 4.01 - 1999 - What we use today HTML has evolved a *lot* over the years - as computers and networks have gotten faster.

HTML i About the Tutorial HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999.

Let's create a webpage using HTML, then view it in a web browser. First let's create a folder named HTML. Then create a folder inside this folder named Practice. All the files you need to create your webpage need to be in the same folder - so this webpage files will all be inside your Practice folder. OK, lets get straight into it.

3.2 W3C: HTML 3.2 Specification 1997-01-14 4.0 W3C: HTML 4.0 Specification 1998-04-24 4.01 W3C: HTML 4.01 Specification 1999-12-24 5 WHATWG: HTML Living Standard 2014-10-28 5.1 W3C: HTML 5.1 Specification 2016-11-01 Examples Hello World Introduction HTML (Hypertext Markup Language) uses a markup system composed of elements which represent .