Skip to content

Deepti Edits June 22 2020 #34

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Deepti Edits June 22 2020 #34

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2f732d1
finished edits on 'syntax_template.html'
Jun 22, 2020
2fb55f5
Finished Exercise1
Jun 22, 2020
d8920a8
Finished Login Page
Jun 23, 2020
9326ad8
Finished Register Page
Jun 23, 2020
6ebdf83
Did part of the Calculator
Jun 23, 2020
92cb526
Did part of the Calculator
Jun 23, 2020
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
54 changes: 54 additions & 0 deletions templates/Calculator.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@

<head>
<title>Calculator</title>

<style>
table{
width: 200px;
height: 300px;
text-align: center;
border: 5px solid green;
}
th, td{border: 1px solid red;
}
th{
text-align: right;
}
td:hover{
background-color:lightcoral;
color: white;
}

</style>
</head>
<body>
<div class ="wrap">
<form name ="cal">
<input type ="text" name ="display" value="0.00">
<br></br>
<input type ="button" value ="7" onclick ="cal.display.value+='7'">
<input type ="button" value ="8" onclick ="cal.display.value+='8'">
<input type ="button" value ="9" onclick ="cal.display.value+='9'">
<input type ="button" value ="C" onclick ="cal.display.value=''">
<br></br>
<input type ="button" value ="4" onclick ="cal.display.value+='4'">
<input type ="button" value ="5" onclick ="cal.display.value+='5'">
<input type ="button" value ="6" onclick ="cal.display.value+='6'">
<input type ="button" value ="/" onclick ="cal.display.value+='/'">
<br></br>
<input type ="button" value ="1" onclick ="cal.display.value+='1'">
<input type ="button" value ="2" onclick ="cal.display.value+='2'">
<input type ="button" value ="3" onclick ="cal.display.value+='3'">
<input type ="button" value ="*" onclick ="cal.display.value+='*'">
<br></br>
<input type ="button" value ="0" onclick ="cal.display.value+='0'">
<input type ="button" value =00 onclick ="cal.display.value+='00'">
<input type ="button" value ="." onclick ="cal.display.value+='.'">
<input type ="button" value ="+" onclick ="cal.display.value+='+'">
<br></br>
<input type ="button" value ="=" onclick ="cal.display.value+='='">


</form>
</body>

46 changes: 46 additions & 0 deletions templates/Exercise 1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE HTML>
<head>
<title>Exercise 1</title>
<style>
table, th, td{border: 1px solid red}
</style>
<a href = " ">Logo HERE</a>

<ul>
<li><a href=" ">Home</a></li>
<li><a href=" ">About</a></li>
<ul>
<li><a href=" ">Company</a></li>
<li><a href=" ">Partners</a></li>
<li><a href=" ">Our People</a></li>
</ul>
<li><a href=" ">Personal Projects</a></li>
<li><a href=" ">Contact</a></li>

</ul>

<h1>My Page</h1>
<h3>Yup!!</h3>
<img src="https://i.pinimg.com/236x/28/38/e6/2838e646f8362d763ea8d361649d2677.jpg">
<table>
<thead>
<th>Morning</th>
<th>Evenings</th>
<th>Nights</th>
</thead>
<tr>
<td>Wake Up</td>
<td>Wake Up Again</td>
<td>Finally</td>
</tr>
<tr>
<td>Eat, exercise, Watch TV at the same time</td>
<td>Still Waking Up</td>
<td>On with my day</td>
</tr>
<tr>
<td>Sleep</td>
<td>Never Mind</td>
<td>Sleep</td>
</tr>
</table>
20 changes: 20 additions & 0 deletions templates/Login Page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE HTML>

<title>Login Page</title>
<h1>Login Page</h1>
<form>
<br /><label for="email"><b>Email</b></label>
<input id="email" type="email" placeholder = "Enter Your Email" name="email" />
<br>
<br /><label for="pass"><b>Password</b></label>
<input id="pass" type="password" placeholder ="Enter Your Password" name="p" />
</br>

<br>
<input id="Login" type="submit" name="Login" value="Login" />
</br>
</form>


</form>

40 changes: 40 additions & 0 deletions templates/Register Page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE HTML>

<title>Register Page</title>
<h1>Register Page</h1>
<form>
<br /><label for="first name"><b>First Name</b></label>
<input id="first name" type="first name" placeholder = "Enter Your First Name" name="first name" />
<br>
<br /><label for="last name"><b>Last Name</b></label>
<input id="lname" type="lastname" placeholder ="Enter Your Last Name" name="ln" />
<br />
<br><label for="email"><b>Email</b></label>
<input id="email" type="email" placeholder = "Enter Your Email" name="email" />
</br>
<br><label for="pass"><b>Password</b></label>
<input id="pass" type="password" placeholder ="Enter Your Password" name="p" />
</br>
<br /><label for="Confirm pass"><b>Confirm Password</b></label>
<input id="confirm pass" type="confirm password" placeholder ="Confirm Your Password" name="p" />
</br>
<br /><label for="gender"><b>Gender</b></label>
<input type= "radio" name="Gender" value="Female" /> Female
<input type= "radio" name="Gender" value="Male" /> Male
</br>
<br /><label for="Date of Birth"><b>Date of Birth</b></label>
<input id="Date of Birth" type="Date of Birth" placeholder ="mm/dd/yyyy" name="DOB" />
</br>
<br /><label for="Habits"><b>Habits</b></label>
<input type="checkbox" id="Sports" name= "Sports" value="You like sports" />
<label for="Sports">You like sports</label>
<input type="checkbox" id="eat" name= "eat" value="You like to eat" />
<label for="eat">You like to eat</label>
<input type="checkbox" id="Sleep" name= "Sleep" value="You like to sleep" />
<label for="Sleep">You like to sleep</label>
</br>
<br>
<input id="Register" type="Submit" name="Register" value="Register" />
</br>
</form>

4 changes: 2 additions & 2 deletions templates/body_template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<title>Basic HTML document</title>
</head>
<body>
Page content
The main page content appears inside the body tag. HTML contains several elements that allow you to properly structure and format your content, which we'll cover later.
<h1>Page content</h1>
The main page content appears inside the <b>body </b> tag. HTML contains several elements that allow you to properly structure and format your content, which we'll cover later.
</body>
</html>
10 changes: 5 additions & 5 deletions templates/headings_template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@
<title>Formatting page content</title>
</head>
<body>
HTML Essential Training
Formatting page content
<h1>HTML Essential Training</h1>
<h3>Formatting page content</h3>
In this series of exercises, we'll explore how to use HTML elements to format basic page content.
Adding headings
<h3>Adding headings</h3>
Headings help define the structure of the page and control the hierarchy of the content. You can use heading values ranging from a top-level heading of h1 all the way down to an h6. While there are several competing theories on the exact strategy to use when choosing headings, what really matters is that you are using them in an intelligent manner, to accurately reflect the importance of your content. It's also important to be consistent in how you use headings across your site, so deciding on when and how to use headings is an important part of planning your site.
Using paragraphs
<h3>Using paragraphs</h3>
The paragraph tag (&lang;p&rang;) is one of the most basic formatting tags, and one that you'll use often. It indicates a paragraph of text, and should be used for each individual paragraph.
Line breaks
<h3>Line breaks</h3>
Occasionally you'll need to perform a "soft return," that is, create a new line without using a new paragraph. To do that in HTML, you use the line break tag (&lang;br&rang;). Line break tags are inline, meaning you can use them within headers and paragraphs, and don't require a closing tag.
Let's say you were formatting an address, for example. You could use line breaks to make sure each line of the address appeared on a separate line, but still remained within the same paragraph.
lynda.com 6410 Via Real Carpinteria, CA 93103.
Expand Down
8 changes: 4 additions & 4 deletions templates/models_template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,10 @@
<title>Content models</title>
</head>
<body>
Content models
In HTML 4 there were only two main content models, block and inline level elements. Block level elements would stack on top of each other in normal document flow while inline level elements typically appear within the flow of text content.
In this example the heading 1 and the paragraphs are block level items, while the bold tags and the link below are examples of inline level elements.
In HTML5 new content models have been created to expand the structure and semantic capabilities of HTML. There are seven main models: Flow, Metadata, Embedded, Interactive, Heading, Phrasing, and Sectioning. To learn more about them, visit the interactive graphic contained in the W3C HTML5 specfication.
<h1>Content models</h1>
<br>In HTML 4 there were only two main content models, block and inline level elements. <b>Block level </b>elements would stack on top of each other in normal document flow while <b>inline level </b>inline level elements typically appear within the flow of text content.</br>
<br>In this example the <b>heading 1 </b>and the <b>paragraphs </b> are block level items, while the bold tags and the link below are examples of inline level elements.</br>
<br>In HTML5 new content models have been created to expand the structure and semantic capabilities of HTML. There are seven main models: <b>Flow, Metadata, Embedded, Interactive, Heading, Phrasing, and Sectioning </b>. To learn more about them, visit the <a href>interactive graphic </a>contained in the W3C HTML5 specfication.</br>
</body>
</html>

9 changes: 8 additions & 1 deletion templates/syntax_template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,8 @@
HTML uses tags to identify page content. This text, for example, is a paragraph.
<!DOCTYPE HTML>
<head>
<title>Syntax-Template</title>
</head>
<body>
<p>HTML uses tags to identify page content. <i>This text, for example, is a <b>paragraph</b></i></p>
</body>
</html>