Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

London10-Onur-Atas-html/css-module1-week-1 #349

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

London10-Onur-Atas-html/css-module1-week-1 #349

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
14ebc47
html-css-coursework-week1 website about coding
onurat Feb 3, 2023
79017ac
london-10-html-css-week-1
onurat Mar 13, 2023
e803568
css
onurat Mar 13, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"cSpell.words": [
"Atas"
]
}
26 changes: 18 additions & 8 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,18 @@
/**
* Add your custom styles below
*
* Remember:
* - Be organised, use comments and separate your styles into meaningful chunks
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
img{
width: 800px;
height: 200px;
}

body{
text-align: center;
}

footer{
margin-top: 80px;

}

section-1-header{
display: flex;
justify-content: space-around;
}
70 changes: 49 additions & 21 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>

<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<title>software development and the different languages it uses </title>
</head>

<body>
<header>
<section class="section-1">
<h1>software development and coding</h1>
<p class="section-1-header">Everything you need to know about the basic understanding of software development and coding. I have compiled
the
best videos and links for you to understand software development and coding. </p>
</section>
</header>
<section class="section-2">
<h2>What is coding</h2>
<img src="https://www.citylit.ac.uk/media/amasty/blog/programmers-at-work-2200.jpg" alt="software development img">
<br>
<p1>Coding, sometimes called computer programming, is how we communicate with computers.
Code tells a computer what actions to take, and writing code is like creating a set of instructions.
By learning to write code, you can tell computers what to do or how to behave in a much faster way.</p>
</section>
<section class="section-3">
<h2>basic understanid of diffrent languages used in coding</h2>

<img src="https://rb.gy/9m95bi" alt="html">
<h1>https://en.wikipedia.org/wiki/HTML</h1>
<p> The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in
a
web browser.
It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript. </p>

<p>Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a
markup language such as HTML or XML.
CSS is a cornerstone technology of the World Wide Web,</p>

<p>JavaScript, often abbreviated as JS, is a programming language that is one of the core technologies of the World
Wide Web, alongside HTML and CSS. As of 2022,
98% of websites use JavaScript on the client side for webpage behavior, often incorporating third-party libraries.
</4>
</section>

<footer>what is coding 2023- brief to what coding is and how its uesful.</footer>

</body>

</html>