Giter Club home page Giter Club logo

html-exercises's Introduction

html exercises

#1 - img with external link

create page with image (tag img) loading image from external link, like "http://source-path.dominio.com/image.png" references:

#2 - image with local link

create page with image (tag img) loading image local link, like "image.png" references:

#3 - list

create a page with list with at least 10 items references:

#4 - page default colors

create a page and:

  • change page title to "exercise #4"
  • create css file with name 'main.css' and load in index.html
  • change background color to dark grey
  • change text colors to white

references:

#5 - profile page

create a basic profile page with:

  • photo
  • name
  • age

create files with this structure:

index.html
assets/img/profile.png
assets/css/main.css

6 - table

create page with show list of family members and link to profile page:

  • use table to display members in main page(index.html)
  • each row has coluns: name, degree of kinship, age, city, and actions last row, actions, is a link to profile page, with infos like photo, name, age, city

estructure example:

index.html
assets/css/
assets/profiles/
assets/img/

7 - todo app

create page following the image layout:

todo app

8 - flexbox

Learn how it works with the videos below:

videos:

and practice according to this tutorial:

html-exercises's People

Contributors

jefersonbelmiro avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.