
You can also work with embedded CSS and JavaScript. In the image below, you can see a suggested HTML element closure as well as a context specific list of suggested elements.ĭocument symbols are also available for HTML, allowing you to quickly navigate to DOM nodes by id and class name. IntelliSenseĪs you type in HTML, we offer suggestions via HTML IntelliSense.
VS Code also includes great Emmet support. There is syntax highlighting, smart completions with IntelliSense, and customizable formatting. Visual Studio Code provides basic support for HTML programming out of the box.
Configure IntelliSense for cross-compiling. Practice 1 is 20% of the web practices grade and is worth 11 points. RGB Hex Triplet Color Chart The chart will give you the hexadecimal code for other colors you may want to use in your page. When the page is finished we will use it as a test page to FTP to your test_page folder on the Student Web Server.Ĭlick on the link below to get a copy of the RGB Hex Triplet Color Chart. Least one anchor to a website on the Internet, e.g., Search Google The (target="_blank") attribute causes the link to open in a new window. An image someplace on the page, preferably centered under the heading. Modification of the font size, face and/or color using a CSS class selector somewhere in Paragraphs using CSS with the tag or using character entity with the tag. Least two paragraphs caused by a line return using either the paragraph. Use a heading for your page, such as My First Website or something appropriate to the content of your page, in Level 1 Heading, centered on your page. This will be done with CSS and also was already specified in the html 5 template. Specified the link tag attributes, such as, link color, visited link color, active link color and hover link color along with any other attributes. (The html 5 template used to create this page already has a CSS specification for these body attributes. Specified the body tag attributes: a background color, font color and possible background image The use of a background image is optional.
Title (which will appear in the browser title bar or tab). We will have worked on this together in class so that you should have:
This will be considered Practice 1 of the Web practices for Project 2B - Part 3. This will be covered in class or on your own outside of class.
We will use Cascading Style Sheet (CSS) code to format the page. Be to finish formatting the lastname_personal.html file from the HTML Introduction Project 2B - Part 1.