- The document provides an introduction to HTML (Hypertext Markup Language) which is used to create web pages. It discusses key HTML elements and tags used to structure and format text, images, and other content on web pages. These include tags for headings, paragraphs, text formatting, hyperlinks, images, forms, and more. The document also gives examples of HTML code and the rendered output in the browser.
This is Part 1 of a two-lecture series on implementing HTML. I created this lecture in an effort to keep my design students from "fearing the code" they encounter in an introductory level course to Dreamweaver and Web Site design.
This is Part 1 of a two-lecture series on implementing HTML. I created this lecture in an effort to keep my design students from "fearing the code" they encounter in an introductory level course to Dreamweaver and Web Site design.
These are the slides from my Intro to HTML talk that I gave for Trade School Indy on 12 Feb, 2014.
More information posted at http://randyoest.com/html/ or follow me on Twitter at @amazingrando.
this presentation covers the following topics which are as follows
1. Introduction of css
2. History of css
3. Types of css styling
4. Css syntax
5. Css Selector
6. Css Variations Or Css Versions
HTML und CSS für Designer / HTML & CSS for designers (PUBKON 2014)Michaela Lehr
Slides zum Talk "HTML und CSS für Designer" für PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Beispiel-Projekt auf Codepen.io: http://codepen.io/Fischaela/details/seKiH/
Beispiel-Projekt auf Github: https://github.com/Fischaela/Pubkon-2014
--
Slides to my talk "HTML & CSS for designers" for PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Example project on codepen.io: http://codepen.io/Fischaela/details/seKiH/
Example project on Github: https://github.com/Fischaela/Pubkon-2014
Toolbox talks are informal discussions held in the workplace regarding a specific safety issue. In this presentation we'll look at the perils of not holding regular toolbox talks and how this impacts on employees and overall safety. Toolbox talks are an important human factors issue.
These are the slides from my Intro to HTML talk that I gave for Trade School Indy on 12 Feb, 2014.
More information posted at http://randyoest.com/html/ or follow me on Twitter at @amazingrando.
this presentation covers the following topics which are as follows
1. Introduction of css
2. History of css
3. Types of css styling
4. Css syntax
5. Css Selector
6. Css Variations Or Css Versions
HTML und CSS für Designer / HTML & CSS for designers (PUBKON 2014)Michaela Lehr
Slides zum Talk "HTML und CSS für Designer" für PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Beispiel-Projekt auf Codepen.io: http://codepen.io/Fischaela/details/seKiH/
Beispiel-Projekt auf Github: https://github.com/Fischaela/Pubkon-2014
--
Slides to my talk "HTML & CSS for designers" for PUBKON 2014 (http://2014.pubkon.eu/sessions/michaela-lehr).
Example project on codepen.io: http://codepen.io/Fischaela/details/seKiH/
Example project on Github: https://github.com/Fischaela/Pubkon-2014
Toolbox talks are informal discussions held in the workplace regarding a specific safety issue. In this presentation we'll look at the perils of not holding regular toolbox talks and how this impacts on employees and overall safety. Toolbox talks are an important human factors issue.
A good showcase by Dr Dheeraj Mehrotra for all teachers to learn how to LEARN and then TEACH. Remember what we learnt once upon a time is no longer of DEMAND for the students. We need to know NEW to DELIVER in the classrooms of today.
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
We asked LinkedIn members worldwide about their levels of interest in the latest wave of technology: whether they’re using wearables, and whether they intend to buy self-driving cars and VR headsets as they become available. We asked them too about their attitudes to technology and to the growing role of Artificial Intelligence (AI) in the devices that they use. The answers were fascinating – and in many cases, surprising.
This SlideShare explores the full results of this study, including detailed market-by-market breakdowns of intention levels for each technology – and how attitudes change with age, location and seniority level. If you’re marketing a tech brand – or planning to use VR and wearables to reach a professional audience – then these are insights you won’t want to miss.
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBrad Spiegel Macon GA
Brad Spiegel Macon GA’s journey exemplifies the profound impact that one individual can have on their community. Through his unwavering dedication to digital inclusion, he’s not only bridging the gap in Macon but also setting an example for others to follow.
Gen Z and the marketplaces - let's translate their needsLaura Szabó
The product workshop focused on exploring the requirements of Generation Z in relation to marketplace dynamics. We delved into their specific needs, examined the specifics in their shopping preferences, and analyzed their preferred methods for accessing information and making purchases within a marketplace. Through the study of real-life cases , we tried to gain valuable insights into enhancing the marketplace experience for Generation Z.
The workshop was held on the DMA Conference in Vienna June 2024.
2.Cellular Networks_The final stage of connectivity is achieved by segmenting...JeyaPerumal1
A cellular network, frequently referred to as a mobile network, is a type of communication system that enables wireless communication between mobile devices. The final stage of connectivity is achieved by segmenting the comprehensive service area into several compact zones, each called a cell.
Understanding User Behavior with Google Analytics.pdfSEO Article Boost
Unlocking the full potential of Google Analytics is crucial for understanding and optimizing your website’s performance. This guide dives deep into the essential aspects of Google Analytics, from analyzing traffic sources to understanding user demographics and tracking user engagement.
Traffic Sources Analysis:
Discover where your website traffic originates. By examining the Acquisition section, you can identify whether visitors come from organic search, paid campaigns, direct visits, social media, or referral links. This knowledge helps in refining marketing strategies and optimizing resource allocation.
User Demographics Insights:
Gain a comprehensive view of your audience by exploring demographic data in the Audience section. Understand age, gender, and interests to tailor your marketing strategies effectively. Leverage this information to create personalized content and improve user engagement and conversion rates.
Tracking User Engagement:
Learn how to measure user interaction with your site through key metrics like bounce rate, average session duration, and pages per session. Enhance user experience by analyzing engagement metrics and implementing strategies to keep visitors engaged.
Conversion Rate Optimization:
Understand the importance of conversion rates and how to track them using Google Analytics. Set up Goals, analyze conversion funnels, segment your audience, and employ A/B testing to optimize your website for higher conversions. Utilize ecommerce tracking and multi-channel funnels for a detailed view of your sales performance and marketing channel contributions.
Custom Reports and Dashboards:
Create custom reports and dashboards to visualize and interpret data relevant to your business goals. Use advanced filters, segments, and visualization options to gain deeper insights. Incorporate custom dimensions and metrics for tailored data analysis. Integrate external data sources to enrich your analytics and make well-informed decisions.
This guide is designed to help you harness the power of Google Analytics for making data-driven decisions that enhance website performance and achieve your digital marketing objectives. Whether you are looking to improve SEO, refine your social media strategy, or boost conversion rates, understanding and utilizing Google Analytics is essential for your success.
1.Wireless Communication System_Wireless communication is a broad term that i...JeyaPerumal1
Wireless communication involves the transmission of information over a distance without the help of wires, cables or any other forms of electrical conductors.
Wireless communication is a broad term that incorporates all procedures and forms of connecting and communicating between two or more devices using a wireless signal through wireless communication technologies and devices.
Features of Wireless Communication
The evolution of wireless technology has brought many advancements with its effective features.
The transmitted distance can be anywhere between a few meters (for example, a television's remote control) and thousands of kilometers (for example, radio communication).
Wireless communication can be used for cellular telephony, wireless access to the internet, wireless home networking, and so on.
2. INTRODUCTION TO HTML
• With HTML you can create your own Web site.
• HTML stands for Hyper Text Markup Language.
• HTML is derived from a language SGML (Standard
Graphics Markup Language).
• The future of HTML is XML (eXtended Markup
Language).
• HTML is not a programming language, it is a Markup
Language.
• A markup language is a set of markup tags.
• HTML uses markup tags to describe web pages.
• HTML is not case sensitive language.
• HTML documents contain HTML tags and plain text.
3. HTML Elements and Tags
• A tag is always enclosed in angle bracket
<>like <HTML>
• HTML tags normally come in pairs like
<HTML> and </HTML> i.e.
Start tag = <HTML>
End tag =</HTML>
• Start and end tags are also called opening
tags and closing tags
4. What the following term mean:
Web server: a system on the internet containing one or
more web site
Web site: a collection of one or more web pages
Web pages: single disk file with a single file name
Home pages: first page in website
Think about the followings before working your
Web pages.
Think about the sort of information(content) you want to
put on the Web.
Set the goals for the Web site.
Organize your content into main topics.
Come up with a general structure for pages and topics.
5. HOW TO START
• Write html code in notepad.
• Save the file with (.Html)/(.Htm) extension.
• View the page in any web browser viz. INTERNET
EXPLORER, NETSCAPE NAVIGATOR etc.
• The purpose of a web browser (like internet explorer or
firefox) is to read html documents and display them as web
pages.
7. Tags used in HTML.
• <HTML> - Describe HTML web page that is to be viewed by
a web browser.
• <HEAD> - This defines the header section of the page.
• <TITLE> - This shows a caption in the title bar of the page.
• <BODY> - This tag show contents of the web page will be
displayed.
8. Types of HTML Tags
There are two different types of tags:->
Container Element:->
Container Tags contains start tag & end tag i.e.
<HTML>… </HTML>
Empty Element:->
Empty Tags contains start tag i.e.
<BR>
9. Text Formatting Tags
Heading Element:->
• There are six heading elements (<H1>,<H2>,<H3>,<H4>,
<H5>,<H6>).
• All the six heading elements are container tag and requires
a closing tag.
• <h1> will print the largest heading
• <h6> will print the smallest heading
12. HTML Paragraph Tag
• HTML documents are divided into paragraphs.
• Paragraphs are defined with the <p> tag i.e.
<p>This is a paragraph</p>
<p>This is another paragraph</p>
<pre>This text is preformatted</pre>
13. Line Break & Horizontal Line Tag
• if you want a line break or a new line without starting a new
paragraph Use the <br> tag.
• Defines a horizontal line use <hr>tag.
• <br> <hr> element are empty HTML element i.e. Global
Information Channel<hr>
Global Information <br> Channel
15. Text Formatting Code
<html>
<head></head>
<body>
<b>This text is Bold</b>
<br><em>This text is Emphasized</em>
<br><i>This text is Italic</i>
<br><small>This text is Small</small>
<br>This is<sub> Subscript</sub> and <sup>Superscript</sup>
<br><strong>This text is Strong</strong>
<br><big>This text is Big</big>
<br><u>This text is Underline</u>
<br><strike>This text is Strike</strike>
<br><tt>This text is Teletype</tt>
</body>
</html>
17. Font Tag
• This element is used to format the size, typeface and
color of the enclosed text.
• The commonly used fonts for web pages are Arial, Comic
Sans MS , Lucida Sans Unicode, Arial Black, Courier New,
Times New Roman, Arial Narrow, Impact, Verdana.
• The size attribute in font tag takes values from 1 to 7.
18. Font Tag Code
<html>
<head><title> fonts</title></head>
<body>
<br><font color=“green" size="7" face="Arial"> GLOBAL INFORMATION CHANNEL
</font>
<br><font color=“green" size="6" face="Comic Sans MS "> GLOBAL INFORMATION
CHANNEL </font>
<br><font color=“green" size="5" face="Lucida Sans Unicode"> GLOBAL
INFORMATION CHANNEL </font>
<br><font color=“green" size="4" face="Courier New"> GLOBAL INFORMATION
CHANNEL </font>
<br><font color=“green" size="3" face="Times New Roman"> GLOBAL
INFORMATION CHANNEL </font>
<br><font color=“green" size="2" face="Arial Black"> GLOBAL INFORMATION
CHANNEL </font>
<br><font color=“green" size="1" face="Impact"> GLOBAL INFORMATION
CHANNEL </font>
</body>
</html>
20. Background & Text Color Tag
• The attribute bgcolor is used for changing the back ground
color of the page.
<body bgcolor=“Green” >
• Text is use to change the color of the enclosed text.
<body text=“White”>
21. Text Alignment Tag
• It is use to alignment of the text.
1.Left alignment <align=“left”>
2.Right alignment <align=“right”>
3.Center alignment <align=“center”>
22. Hyperlink Tag
• A hyperlink is a reference (an address) to a resource on the
web.
• Hyperlinks can point to any resource on the web: an HTML
page, an image, a sound file, a movie, etc.
• The HTML anchor element <a>, is used to define both
hyperlinks and anchors.
<a href="url">Link text</a>
• The href attribute defines the link address.
<a href="http://www.globalinfochannel/">Visit
globalinfochannel!</a>
24. Image Tag
• To display an image on a page, you need to use the src
attribute.
• src stands for "source". The value of the src attribute is the
URL of the image you want to display on your page.
• It is a empty tag.
<IMG SRC ="url">
<IMG SRC="picture.gif“>
<IMG SRC="picture.gif“ HEIGHT="30" WIDTH="50">
25. Image attributes - <img> tag
<img>
<Src>
<Alt>
<Width>
<Height>
<Border>
<Hspace>
<Vspace>
<Align>
<background>
Defines an image
display an image on a page,Src stands
for "source".
Define "alternate text" for an image
Defines the width of the image
Defines the height of the image
Defines border of the image
Horizontal space of the image
Vertical space of the image
Align an image within the text
Add a background image to an HTML
page
27. • A form is an area that can contain form elements.
• Form elements are elements that allow the user to enter
information in a form. like text fields, textarea fields, drop-
down menus, radio buttons and checkboxes etc
• A form is defined with the <form> tag.
• The syntax:-
<form>
.
input elements
.
</form>
HTML Form
28. <form>
<input>
<text>
<textarea>
<password>
<label>
<option>
<select>
<button>
<value>
<checkbox>
<dropdown box>
Form Tags
Defines a form for user input
used to create an input field
Creates a single line text entry field
Defines a text-area (a multi-line text input control)
Creates a single line text entry field. And the
characters entered are shown as asterisks (*)
Defines a label to a control
Creates a Radio Button.
Defines a selectable list (a drop-down box)
Defines a push button
attribute of the option element.
select or unselect a checkbox
A drop-down box is a selectable list
29. <html><body><form>
<h1>Create a Internet Mail Account</h1>
<p>First Name <input type="text" name="T1" size="30"></p>
<p>Last Name <input type="text" name="T2" size="30"></p>
<p>Desired Login Name <input type="text" name="T3" size="20">
@mail.com</p>
<p>Password <input type="password" name="T4" size="20"></p>
<input type="radio" checked="checked" name="sex" value="male" /> Male</br>
<input type="radio" name="sex" value="female" /> Female
<p>Birthday <input type="text" name="T6" size="05">
<select size="1" name="D2">
<option>-Select One-</option>
<option>January</option>
<option>February</option>
<option>March</option> </select>
<input type="text" name="T7" size="10"></p>
TypeYourself<textarea rows="4" name="S1" cols="20"></textarea>
<br><input type="submit" value="Accept" name="B1"> <input type="reset“ value="Cancel"
name="B2"></br> </form></body></html>
Code of the HTML Form