This are the different types of elements that will cover entire HTML. (Project-1)
This project will cover only HTML elements .
<html>
<head>
<title>
wifidigi Home page
</title>
</head>
<body>
<h1>Madhu Tammisetti</h1>
<p>Hello all! My name is Madhu. My Main Goal is to provide Real value and High-Quality Services related to Digital
Marketing and Online Business and Web designing .
I hope my services will help you alot to grow your business higher with more profits.</p>
<h2>My Professional Skills</h2>
<p>Email Marketing, Web Designing, Logo Designing, wordpress, SEO.</p>
<h2>WEB DESIGNING</h2>
<p>Website is very much important for every business and i will make it perfect. Web development is the work involved in developing a Web site for the Internet
(World Wide Web) or an intranet (a private network).[1] Web development can range from developing a simple single static page of plain text to complex web applications,
electronic businesses, and social network services.A more comprehensive list of tasks to which Web development commonly refers, may include Web engineering, Web design,
Web content development, client liaison, client-side/server-side scripting, Web server and network security configuration, and e-commerce development.
Among Web professionals, "Web development" usually refers to the main non-design aspects of building Web sites: writing markup and coding.[2] Web development may use content
management systems (CMS) to make content changes easier and available with basic technical skills.
</p>
<h2>LOGO DESIGNING</h2>
<p>Logo will get powerful identity for your business . I am here to make any type of logos. For larger organizations and businesses, Web development teams can consist of hundreds of people (Web developers) and follow standard methods like Agile methodologies
while developing Web sites. Smaller organizations may only require a single permanent or contracting developer, or secondary assignment to related
job positions such as a graphic designer or information systems technician.
Web development may be a collaborative effort between departments rather than the domain of a designated department.
There are three kinds of Web developer specialization: front-end developer, back-end developer, and full-stack developer.
Front-end developers are responsible for behavior and visuals that run in the user browser, while back-end developers deal with the servers.</p>
<h2>WORD PRESS</h2>
<p>I can create excellent websites using wordpress . Here it is a much faster service.</p>
<h2>EMAIL-MARKETING</h2>
<p>Faster way…</p>
<hr>
<h1> My websites</h1>
<p>This is my <a href=" https://madhutammisetti.blogspot.com/">Blog spot </a> website link where you can find all of
my blogs and you can the affliate links </p>
<p> Another website of my will medium website where you can the all of my stories and the html programs and much
more stuff .
This website is mine and it is named as <a href="
https://wifidigi.medium.com/"> wifidigi</a>You can grow through each of my stuff here. Thankyou</p>
<hr>
<h1>Here we Go and its me</h1>
<img src="madhu.jpg" alt="madhu" title="madhu">
<h1> And here she is my girl friend</h1>
<img src="https://rb.gy/tvgbkj" alt="kriti shetty" title= "madhu lover">
<hr>
<h1> Tammisetti Family </h1>
<ul>
<li>
Malchama-venkanna
<ol>
<li>pullaya
<ol>
<li>satyanarayana</li>
<li>rajamandry bappa</li>
<li>banda pedananna</li>
</ol>
</li>
<li>venkkana
<ol>
<li>peddaraju</li>
<li>chinnaraju</li>
<li>prasad</li>
<li>venkatrao</li>
<li>suryarao</li>
</ol>
</li>
<li>mallaya
<ol>
<li>mani bappa</li>
<li>venkatesulu babai</li>
</ol>
</li>
<li>mangarao
<ol>
<li>lakshmi Bappa</li>
<li>srinivas</li>
<li>ramesh</li>
</ol>
</li>
<li>kondayya
<ol>
<li>Bujji Bappa</li>
</ol>
</li>
</ol>
</li>
</ul>
<hr>
<h1> Block vs Inline</h1>
<h3 style="border:solid red">block element 1 </h3>
<!--block element-->
<h3 style="border:solid seagreen">block element 2 </h3>
<!--block element-->
<p style="border:solid red">bcazvfZBxv</p>
<!--block element-->
<a style="border:solid seagreen" href="https://www.google.com/"> google</a>
<!--inline element-->
<a style="border:solid red" href="https://www.facebook.com/"> facebook</a>
<!--inline element-->
<hr>
<h1> Exmaple of Sup</h1>
<p> Maths formulae for a<sup>2</sup>+b<sup>2</sup> and the answer is a<sup>2</sup>+b<sup>2</sup>+2ab </p>
<h1>Example for Sub</h1>
<p> The chemical formulae for the "Caffeine" is c<sub>8</sub>h<sub>10</sub>n<sub>4</sub>o<sub>2</sub> this is the
formulae </p>
<p>Another example using both the elements like half plus half is one . Mathematecial representation is
<sup>1</sup>/<sub>2</sub>+<sup>1</sup>/<sub>2</sub>=1</p>
<hr>
<h1>Example for Table</h1>
<h5> My total marks in Studies</h5>
<table>
<thead>
<!--actually it is not necessary-->
<tr>
<th>Names</th>
<th>Subject1</th>
<th>Subject 2</th>
<th>Subject3</th>
<th> Subject4</th>
</tr>
</thead>
<!--actually it is not necessary-->
<tbody>
<tr>
<th>Madhu</th>
<td>69</td>
<td>75</td>
<td>88</td>
<td>100</td>
</tr>
<tr>
<th>Durga</th>
<td>96</td>
<td>97</td>
<td>98</td>
<td>100</td>
</tr>
<tr>
<th>Charith</th>
<td>94</td>
<td>96</td>
<td>97</td>
<td>95</td>
</tr>
</tbody>
</table>
<hr>
<h1>Another Example for Table</h1>
<h5> which has 1 row and 2 columns as heading</h5>
<table>
<thead>
<!--actually it is not necessary-->
<tr>
<th>Names</th>
<th rowspan="2">Subject1</th>
<th rowspan="2">Subject 2</th>
<th rowspan="2">Subject3</th>
<th rowspan="2"> Subject4</th>
<th colspan="2">subject5</th>
</tr>
<th>economics</th>
<th>Histroy</th>
<tr>
</tr>
</thead>
<!--actually it is not necessary-->
<tbody>
<tr>
<th>Madhu</th>
<td>69</td>
<td>75</td>
<td>88</td>
<td>100</td>
</tr>
<tr>
<th>Durga</th>
<td>96</td>
<td>97</td>
<td>98</td>
<td>100</td>
</tr>
<tr>
<th>Charith</th>
<td>94</td>
<td>96</td>
<td>97</td>
<td>95</td>
</tr>
</tbody>
</table>
<hr>
<h1> Example for Forms and Inputs </h1>
<h2> Registration for new user</h2>
<form action="wifidigi">
<div class="hlo">
<label for="First Name"> First Name : </label>
<input type="text" placeholder="Enter First name" id="First Name" name="what is your name" minlength="3" maxlength="10" required>
</div>
<div >
<label for="Last Name"> Last Name : </label>
<input type="text" placeholder="Enter Last Names" id="Last Name" name="last" minlength="3" maxlength="10" required>
</div>
<div >
<label for="Email"> Email Address : </label>
<input type="email" placeholder="Enter Email address" id="Email" name="email" minlength="3" maxlength="10" required>
</div>
<div>
<label for="mobile"> Mobile : </label>
<input type="tel" placeholder="Enter mobile" id="mobile" name="phn">
</div>
<div>
<label for="DOB"> DOB : </label>
<input type="datetime-local" placeholder="Enter DOB" id="DOB" name="birth date">
</div>
<div >
<label for="sex">Gender</label>
<select id="sex" name=gender>
<option value=""> Select your gender</option>
<option value="M"> Male</option>
<option Value="F"> Female</option>
<option value="o"> Other</option>
</select>
</div>
<div>
<label for="resume">Resume : </label>
<input type="file" placeholder="Upload resume" id="resume" name="resmue">
</div>
<div >
<input type="radio" id="one" name="course" value="CS">
<!--here in radio input type we have to give name attritude same to all the radio in one div otherwise it will select everyoneradio-->
<label for="one">customer support</label><br>
<input type="radio" id="two" name="course" value="WD">
<label for="two"> Web development</label><br>
<input type="radio" id="three" name="course" value="DM">
<!--for radio type input it will show as an "on" . but we have know what the user has select for that we have to use the "value" attribute .-->
<label for="three">Digital Marketing</label>
</div>
<div>
<label for="meter">Skill range</label>
<input type="range" id="meter" name="amount" min="1" max="20">
</div>
<div>
<label for="pass"> Create Password : </label>
<input type="password" placeholder="Set Password" id="pass" name="create pass" minlength="3" maxlength="10" required>
</div>
<div>
<label for="me"> Any Questions</label>
<textarea name="write me" id="me" cols="30" rows="10" placeholder="ask your questions "></textarea>
</div>
<div >
<input type="checkbox" id=agree name="tick">
<label for="agree"> i have agreed all the T&C</label>
</div >
<button>Submit</button>
</form>
<hr>
<h1> Types of Button representation </h1>
<!--if the button inside the form it will submitted the form to action and if button outside the form it will not submit-->
<button> Submit </button>
<button type="button"></button> <!-- if it is inside the form it will not submit , its just act like button-->
<input type="text">
<!--if it is inside the form ,form will submitted-->
<input type="text" value="click me">
<hr>
<h1> Creating own search form and Hijacking search forms.</h1>
<h2>Reddid Search</h2>
<form action="https://www.reddit.com/search">
<!-- creating own search form for redid ,google and youtube where we can send data to their servers from our forms end up with getting a search page.-->
<label for="redid"> Reddit</label>
<input type="text" name="q" id="redid">
<button>search Reddit</button>
</form>
<h2> Google Search</h2>
<form action="https://www.google.com/search">
<label for="google">Google </label>
<input type="text" name="q" id="google">
<button>Search Google</button>
</form>
<h2> Youtube Search</h2>
<form action="https://www.youtube.com/results">
<label for="youtube"> Youtube</label>
<input type="text" name="search_query" id="youtube">
<button>Search Youtube</button>
</form>
<hr>
<p> This website is under the copy right © wifidigi2021 content here published in 2021</p>
<hr>
</body>
</html>
0 comments:
Post a Comment