making HTML help. Title: Webpage development for a Bioinformatics topics Deliver
ID: 3582346 • Letter: M
Question
making HTML help.
Explanation / Answer
Give the images src for the below code or i share my images and html pages in google drive and download the folder Deva.
please give the images in images folder what you want. and give the path of image to image tag src attribute.
or
drive link to download the folder for images and files
https://drive.google.com/drive/folders/0BzPD129UWEexeTIzZU9LblVUMVU
HTML EXAMPLE
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<!--Heading Tags are h1, h3 ... h6-->
<!--<h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.-->
<h1>This is Heading</h1>
<h2>This is Heading2</h2>
<!--The HTML <p> element defines a paragraph:-->
<p>This is a paragraph</p>
<!--In HTML, images are defined with the <img> tag.-->
<!--The src attribute specifies the URL (web address) of the image:-->
<img src="images/banner01.jpg" width="100" height="100"/>
<!--br specifies breaking the line and go to next line-->
<br />
<!--The href attribute specifies the destination address-->
<a href="http://www.google.com/">Google</a>
<br />
<!-- An HTML table is defined with the <table> tag.
Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By default, table headings are bold and centered. A table data/cell is defined with the <td> tag.-->
<table border="1">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
</body>
</html>
<br />
<!--lists are two types-->
<!--in unorder list by default bullets are come if you specify the sytle type like disc,square,circle,none ets.-->
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<!--in unorder list by default numbers are come if you specify the sytle type like i,I,A,a,none ets.-->
<ol type="i">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
BOOTSTRAP EXAMPLE
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<!--There have 3 cdn links for using bootstrap-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.bg_blue {
background-color: #00A0EB;
}
.white_content {
color: #fff;
}
.borderright {
border-right: 1px solid white;
}
.bg_blue .white_content {
margin: 25px 0;
}
.navbar {
margin-bottom: 0;
}
.navbar-inverse {
background-color: #024D87;
border-color: #024D87;
}
</style>
</head>
<body>
<!--For navigation Start-->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-user"></span>Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span>Login</a></li>
</ul>
</div>
</div>
</nav>
<!--For navigation End-->
<!--For Slide show using bootstrap start-->
<section id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/banner01.jpg" alt="image" class="img-responsive">
</div>
<div class="item">
<img src="images/banner02.jpg" alt="image" class="img-responsive">
</div>
<div class="item">
<img src="images/banner03.jpg" alt="image" class="img-responsive">
</div>
<div class="item">
<img src="images/banner04.jpg" alt="image" class="img-responsive">
</div>
<!--<div class="item">
<img src="images/banner05.jpg" alt="image" class="img-responsive">
</div>-->
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</section>
<!--For Slide show using bootstrap End-->
<section class="bg_blue padding-half">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 white_content borderright">
<!--<i class="icon-patient-bed"></i>-->
<h3>About Us</h3>
<p>You need a doctor for to consectetuer Lorem ipsum dolor, consectetur adipiscing onsectetur Graphic Power Ut eros. consectetur adipiscing onsectetur Graphic Power Ut eros. consectetur adipiscing onsectetur Graphic Power Ut eros</p>
</div>
<div class="col-md-3 col-sm-3 white_content borderright">
<!--<i class="icon-mortar-pestle"></i>-->
<h3>Our Team</h3>
<p>You need a doctor for to consectetuer Lorem ipsum dolor, consectetur adipiscing onsectetur Graphic Power Ut eros. consectetur adipiscing onsectetur Graphic Power Ut eros consectetur adipiscing onsectetur Graphic Power Ut eros</p>
</div>
<div class="col-md-3 col-sm-3 white_content borderright">
<!--<i class="icon-ambulanc"></i>-->
<h3>Contact Us</h3>
<p>
Companey Name<br />
Rushikonda,<br />
Hill No-2,<br />
Visakhapatnam,<br />
Andhra Pradesh,<br />
India.<br />
Phone: 0891-2550369<br />
email@yourdomain.com
</p>
</div>
<div class="col-md-3 col-sm-3 white_content">
<!--<i class="icon-ambulanc"></i>-->
<h3>Testimonies</h3>
<p>I decided to have treatment with Ayurveda and consulted Dr.Sasidhar (The Speciality Ayurveda). Dr.Sasidhar assured me that the psoriasis would be cured with Ayurveda medicines without any side effects and started the treatment.</p>
</div>
</div>
</div>
</section>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.