Coder Social home page Coder Social logo

intro-html's Introduction

---

👨‍💻: A propos de moi : je suis développeur web front end baseren Rdc.

  • 🔭 Actuellement développeur front end j'envisage de devenir développeur full Stack Javascript.

  • ⚡ j'aime apprendre, découvrir de nouveaux sujets relatifs à la technologie et aider à résoudre les problèmes technologiques dans ma communauté..

  • 📫Comment me joindre:

  • Linkedin Badge

  • Twitter Badge
- ---

🛠️j'utilise et j'apprends les langages des programmations et technologies ci-dessous :

HTML  CSS  JavaScript  React  NodeJS  Exress  mongodb  npm  Redux   Firebase 
---

🔥 Mes stats :

GitHub Streak

✍️ Blog Posts :

intro-html's People

Contributors

githubteacher avatar hectorsector avatar os-humble-man avatar

Watchers

 avatar

intro-html's Issues

Welcome

Let's build your first webpage

HTML is the markup language that forms the backbone of the internet. In this course, you will learn how to build a clean, stunning webpage using HTML which you can set as your browser's default start page. This is only the first step in your journey, but it will form an important foundation in your journey as a new developer.

screenshot of final product

What is HTML?

HTML stands for Hyper Text Markup Language. HTML is not a programming language. It is simply a way to describe the structure of your website. Your web browser reads the HTML document and displays it in the window.

Where does your website begin?

When someone enters your web address, the web standards will automatically look for a file called index.html and display it in your browser. Most people call this your home page.

Step 1: Hosting your webpage

It isn't enough to simply create a webpage on GitHub. You must deploy your webpage to a web host that is connected to the internet. For this course we will use GitHub Pages, but you could publish the HTML to any static host.

⌨️ Activity: Turn on GitHub Pages

  1. Under your repository name, click Settings.
  2. In the GitHub Pages section, use the Select source drop-down menu to select main as your GitHub Pages publishing source.
  3. Return to this issue.

I may take up to a minute to respond as I wait for GitHub Pages to create a deployment of your repository. If you don't see anything after a minute, refresh this page.

For more information, see Configuring a publishing source for GitHub Pages in the GitHub Help.


I'll respond in this issue after GitHub Pages has finished deploying your site.

Add a header

Step 6: Add a header

Take a peek at your shiny new web page! It can be found at: https://os-humble-man.github.io/intro-html/

Headers create prominent text in the body of your web page. Headers come in different levels. For example, a header 1, or h1, is the largest, while a header 3, or h3, is smaller, and a header 6, or h6, smaller still. You can create headers in html using the h1, h2, h3, h4, h5, and h6 tags. Here's an example:

<h1>I'm a header 1!</h1>

⌨️ Create a header for your web page

  1. Edit the index.html file in your main branch by using this direct link or going to the Code tab, clicking on the index.html file, clicking the pencil 📝 to edit the HTML.
  2. Between the body tags, add an opening <h1> tag, some content for the header, and a closing </h1> tag.
  3. In the Commit changes section, enter a commit message that describes what you've done.
  4. Ensure you've selected Create a new branch for this commit and start a pull request.
  5. Give your branch a descriptive name, like add-headers-and-images.
  6. Click on Propose file change.
  7. Give your pull request a title, and a comment.
  8. Click on Create pull request.

Look for my next response in your pull request

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.