The document discusses the basics of HTML including:
- Common tags such as <p>, <h1>-<h6>, <ul>, <ol>, <li>, and <a> for formatting text and creating lists and links.
- The <head> and <body> sections and required <title> and <meta> tags.
- Additional tags for images (<img>), headings (<hr>), quotes (<blockquote>, <q>), and preformatted text (<pre>).
- Using the <style> element or style attribute to control formatting.
Origins and evolution of HTML and XHTML by Tanvir Zafar.
HTML is the Basic web design language.
Learn more about HTML at http://howpk.com/introduction-to-html/
HTML from A to Z
HTML Basics : Basics-Semantic Elements-Attributes-Block and Inline Elements-Forms-Responsive Web Design-XHTML…..
HTML for Text Formatting : Text formatting-Links-Tables-Lists-Symbols-Space…
HTML Visuals and Media : Layout-Classes-Colors-Images-Multimedia…
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.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
Origins and evolution of HTML and XHTML by Tanvir Zafar.
HTML is the Basic web design language.
Learn more about HTML at http://howpk.com/introduction-to-html/
HTML from A to Z
HTML Basics : Basics-Semantic Elements-Attributes-Block and Inline Elements-Forms-Responsive Web Design-XHTML…..
HTML for Text Formatting : Text formatting-Links-Tables-Lists-Symbols-Space…
HTML Visuals and Media : Layout-Classes-Colors-Images-Multimedia…
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.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
Ο Ντανιέλ Μουνέβαρ, στην εισήγηση με τίτλο: «Δημόσιο Χρέος: Μια Λύση για την Ελλάδα», ανέλυσε, ποιοτικά και ποσοτικά, τις υποθέσεις επί των οποίων βασίζονται οι «προβολές» (εκτιμήσεις) του ΔΝΤ για τη δυναμική διαχρονικής εξέλιξης του ελληνικού δημόσιου χρέους, και κατέδειξε, έτσι, τις εσωτερικές ασυνέπειές τους. Εν συνεχεία, διερεύνησε τις επιπτώσεις που θα είχαν σε αυτήν την εξέλιξη (i) η μείωση του μεσοσταθμικού επιτοκίου εξυπηρέτησης, ή (ii) η επιμήκυνση του χρόνου αποπληρωμής, ή, τέλος, (iii) η μείωση της ονομαστικής αξίας (διαγραφή) του χρέους. Τα ευρήματα πρόκριναν τη – σημαντικής έκτασης – διαγραφή, ως τον πλέον αποτελεσματικό παράγοντα, ενώ υπέδειξαν ότι μία τέτοια λύση, αν και μάλλον δεν δύναται να λάβει συναινετικό χαρακτήρα και, άρα, συνεπάγεται την έξοδο της χώρας από την ΟΝΕ, συμβάλλει σημαντικά (και) στη δημιουργία συνθηκών ανάκαμψης της ελληνικής οικονομίας.
Presentazione aziendale effettuata il 10 dicembre 2014 agli studenti del corso di Laurea in Relazioni Pubbliche a Gorizia. Contenuto: nozioni teoriche sui social media e case histories correlate.
Мастер-класс Марка Лесуна «Маркетинговый перевод: с чем его едят», подготовленный специально для участников конкурса переводчиков английского языка и литературных редакторов Marketing. Transcreation. Copyediting, организованного компанией «Палекс». Марк попытался систематизировать и обобщить свой опыт и представления о том, что такое хороший перевод маркетингового текста, какие навыки помогают в этой работе и как понять, в каких случаях суть важнее слов оригинала
Lecture 2 HTML part 1.pptxLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvZahouAmel1
Lecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvvLecture 10 CSS part 2.pptxvvvvvvvvvvvvvv
This PDF document on HTML is likely a comprehensive tutorial that covers various aspects of HTML. HTML is a mark up language. I surely claim that all your doubts and questions will solve through this document. This PDF document on HTML may cover a range of sub-topics, from basic syntaxes and tags to more advanced concepts like Cascading Style Sheets (CSS). It may include :- introduction, advantages, disadvantages, text editors, proper structure, how to create and design a web form and so on.
SOCRadar Research Team: Latest Activities of IntelBrokerSOCRadar
The European Union Agency for Law Enforcement Cooperation (Europol) has suffered an alleged data breach after a notorious threat actor claimed to have exfiltrated data from its systems. Infamous data leaker IntelBroker posted on the even more infamous BreachForums hacking forum, saying that Europol suffered a data breach this month.
The alleged breach affected Europol agencies CCSE, EC3, Europol Platform for Experts, Law Enforcement Forum, and SIRIUS. Infiltration of these entities can disrupt ongoing investigations and compromise sensitive intelligence shared among international law enforcement agencies.
However, this is neither the first nor the last activity of IntekBroker. We have compiled for you what happened in the last few days. To track such hacker activities on dark web sources like hacker forums, private Telegram channels, and other hidden platforms where cyber threats often originate, you can check SOCRadar’s Dark Web News.
Stay Informed on Threat Actors’ Activity on the Dark Web with SOCRadar!
Your Digital Assistant.
Making complex approach simple. Straightforward process saves time. No more waiting to connect with people that matter to you. Safety first is not a cliché - Securely protect information in cloud storage to prevent any third party from accessing data.
Would you rather make your visitors feel burdened by making them wait? Or choose VizMan for a stress-free experience? VizMan is an automated visitor management system that works for any industries not limited to factories, societies, government institutes, and warehouses. A new age contactless way of logging information of visitors, employees, packages, and vehicles. VizMan is a digital logbook so it deters unnecessary use of paper or space since there is no requirement of bundles of registers that is left to collect dust in a corner of a room. Visitor’s essential details, helps in scheduling meetings for visitors and employees, and assists in supervising the attendance of the employees. With VizMan, visitors don’t need to wait for hours in long queues. VizMan handles visitors with the value they deserve because we know time is important to you.
Feasible Features
One Subscription, Four Modules – Admin, Employee, Receptionist, and Gatekeeper ensures confidentiality and prevents data from being manipulated
User Friendly – can be easily used on Android, iOS, and Web Interface
Multiple Accessibility – Log in through any device from any place at any time
One app for all industries – a Visitor Management System that works for any organisation.
Stress-free Sign-up
Visitor is registered and checked-in by the Receptionist
Host gets a notification, where they opt to Approve the meeting
Host notifies the Receptionist of the end of the meeting
Visitor is checked-out by the Receptionist
Host enters notes and remarks of the meeting
Customizable Components
Scheduling Meetings – Host can invite visitors for meetings and also approve, reject and reschedule meetings
Single/Bulk invites – Invitations can be sent individually to a visitor or collectively to many visitors
VIP Visitors – Additional security of data for VIP visitors to avoid misuse of information
Courier Management – Keeps a check on deliveries like commodities being delivered in and out of establishments
Alerts & Notifications – Get notified on SMS, email, and application
Parking Management – Manage availability of parking space
Individual log-in – Every user has their own log-in id
Visitor/Meeting Analytics – Evaluate notes and remarks of the meeting stored in the system
Visitor Management System is a secure and user friendly database manager that records, filters, tracks the visitors to your organization.
"Secure Your Premises with VizMan (VMS) – Get It Now"
Modern design is crucial in today's digital environment, and this is especially true for SharePoint intranets. The design of these digital hubs is critical to user engagement and productivity enhancement. They are the cornerstone of internal collaboration and interaction within enterprises.
Exploring Innovations in Data Repository Solutions - Insights from the U.S. G...Globus
The U.S. Geological Survey (USGS) has made substantial investments in meeting evolving scientific, technical, and policy driven demands on storing, managing, and delivering data. As these demands continue to grow in complexity and scale, the USGS must continue to explore innovative solutions to improve its management, curation, sharing, delivering, and preservation approaches for large-scale research data. Supporting these needs, the USGS has partnered with the University of Chicago-Globus to research and develop advanced repository components and workflows leveraging its current investment in Globus. The primary outcome of this partnership includes the development of a prototype enterprise repository, driven by USGS Data Release requirements, through exploration and implementation of the entire suite of the Globus platform offerings, including Globus Flow, Globus Auth, Globus Transfer, and Globus Search. This presentation will provide insights into this research partnership, introduce the unique requirements and challenges being addressed and provide relevant project progress.
How Does XfilesPro Ensure Security While Sharing Documents in Salesforce?XfilesPro
Worried about document security while sharing them in Salesforce? Fret no more! Here are the top-notch security standards XfilesPro upholds to ensure strong security for your Salesforce documents while sharing with internal or external people.
To learn more, read the blog: https://www.xfilespro.com/how-does-xfilespro-make-document-sharing-secure-and-seamless-in-salesforce/
Accelerate Enterprise Software Engineering with PlatformlessWSO2
Key takeaways:
Challenges of building platforms and the benefits of platformless.
Key principles of platformless, including API-first, cloud-native middleware, platform engineering, and developer experience.
How Choreo enables the platformless experience.
How key concepts like application architecture, domain-driven design, zero trust, and cell-based architecture are inherently a part of Choreo.
Demo of an end-to-end app built and deployed on Choreo.
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...Juraj Vysvader
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I didn't get rich from it but it did have 63K downloads (powered possible tens of thousands of websites).
Paketo Buildpacks : la meilleure façon de construire des images OCI? DevopsDa...Anthony Dahanne
Les Buildpacks existent depuis plus de 10 ans ! D’abord, ils étaient utilisés pour détecter et construire une application avant de la déployer sur certains PaaS. Ensuite, nous avons pu créer des images Docker (OCI) avec leur dernière génération, les Cloud Native Buildpacks (CNCF en incubation). Sont-ils une bonne alternative au Dockerfile ? Que sont les buildpacks Paketo ? Quelles communautés les soutiennent et comment ?
Venez le découvrir lors de cette session ignite
top nidhi software solution freedownloadvrstrong314
This presentation emphasizes the importance of data security and legal compliance for Nidhi companies in India. It highlights how online Nidhi software solutions, like Vector Nidhi Software, offer advanced features tailored to these needs. Key aspects include encryption, access controls, and audit trails to ensure data security. The software complies with regulatory guidelines from the MCA and RBI and adheres to Nidhi Rules, 2014. With customizable, user-friendly interfaces and real-time features, these Nidhi software solutions enhance efficiency, support growth, and provide exceptional member services. The presentation concludes with contact information for further inquiries.
How Recreation Management Software Can Streamline Your Operations.pptxwottaspaceseo
Recreation management software streamlines operations by automating key tasks such as scheduling, registration, and payment processing, reducing manual workload and errors. It provides centralized management of facilities, classes, and events, ensuring efficient resource allocation and facility usage. The software offers user-friendly online portals for easy access to bookings and program information, enhancing customer experience. Real-time reporting and data analytics deliver insights into attendance and preferences, aiding in strategic decision-making. Additionally, effective communication tools keep participants and staff informed with timely updates. Overall, recreation management software enhances efficiency, improves service delivery, and boosts customer satisfaction.
Cyaniclab : Software Development Agency Portfolio.pdfCyanic lab
CyanicLab, an offshore custom software development company based in Sweden,India, Finland, is your go-to partner for startup development and innovative web design solutions. Our expert team specializes in crafting cutting-edge software tailored to meet the unique needs of startups and established enterprises alike. From conceptualization to execution, we offer comprehensive services including web and mobile app development, UI/UX design, and ongoing software maintenance. Ready to elevate your business? Contact CyanicLab today and let us propel your vision to success with our top-notch IT solutions.
Code reviews are vital for ensuring good code quality. They serve as one of our last lines of defense against bugs and subpar code reaching production.
Yet, they often turn into annoying tasks riddled with frustration, hostility, unclear feedback and lack of standards. How can we improve this crucial process?
In this session we will cover:
- The Art of Effective Code Reviews
- Streamlining the Review Process
- Elevating Reviews with Automated Tools
By the end of this presentation, you'll have the knowledge on how to organize and improve your code review proces
How to Position Your Globus Data Portal for Success Ten Good PracticesGlobus
Science gateways allow science and engineering communities to access shared data, software, computing services, and instruments. Science gateways have gained a lot of traction in the last twenty years, as evidenced by projects such as the Science Gateways Community Institute (SGCI) and the Center of Excellence on Science Gateways (SGX3) in the US, The Australian Research Data Commons (ARDC) and its platforms in Australia, and the projects around Virtual Research Environments in Europe. A few mature frameworks have evolved with their different strengths and foci and have been taken up by a larger community such as the Globus Data Portal, Hubzero, Tapis, and Galaxy. However, even when gateways are built on successful frameworks, they continue to face the challenges of ongoing maintenance costs and how to meet the ever-expanding needs of the community they serve with enhanced features. It is not uncommon that gateways with compelling use cases are nonetheless unable to get past the prototype phase and become a full production service, or if they do, they don't survive more than a couple of years. While there is no guaranteed pathway to success, it seems likely that for any gateway there is a need for a strong community and/or solid funding streams to create and sustain its success. With over twenty years of examples to draw from, this presentation goes into detail for ten factors common to successful and enduring gateways that effectively serve as best practices for any new or developing gateway.
Understanding Globus Data Transfers with NetSageGlobus
NetSage is an open privacy-aware network measurement, analysis, and visualization service designed to help end-users visualize and reason about large data transfers. NetSage traditionally has used a combination of passive measurements, including SNMP and flow data, as well as active measurements, mainly perfSONAR, to provide longitudinal network performance data visualization. It has been deployed by dozens of networks world wide, and is supported domestically by the Engagement and Performance Operations Center (EPOC), NSF #2328479. We have recently expanded the NetSage data sources to include logs for Globus data transfers, following the same privacy-preserving approach as for Flow data. Using the logs for the Texas Advanced Computing Center (TACC) as an example, this talk will walk through several different example use cases that NetSage can answer, including: Who is using Globus to share data with my institution, and what kind of performance are they able to achieve? How many transfers has Globus supported for us? Which sites are we sharing the most data with, and how is that changing over time? How is my site using Globus to move data internally, and what kind of performance do we see for those transfers? What percentage of data transfers at my institution used Globus, and how did the overall data transfer performance compare to the Globus users?
We describe the deployment and use of Globus Compute for remote computation. This content is aimed at researchers who wish to compute on remote resources using a unified programming interface, as well as system administrators who will deploy and operate Globus Compute services on their research computing infrastructure.
Designing for Privacy in Amazon Web ServicesKrzysztofKkol1
Data privacy is one of the most critical issues that businesses face. This presentation shares insights on the principles and best practices for ensuring the resilience and security of your workload.
Drawing on a real-life project from the HR industry, the various challenges will be demonstrated: data protection, self-healing, business continuity, security, and transparency of data processing. This systematized approach allowed to create a secure AWS cloud infrastructure that not only met strict compliance rules but also exceeded the client's expectations.
Into the Box Keynote Day 2: Unveiling amazing updates and announcements for modern CFML developers! Get ready for exciting releases and updates on Ortus tools and products. Stay tuned for cutting-edge innovations designed to boost your productivity.
2. What is the Internet?
a network of networks – an inter-network, or Internet
What are Internet protocols?
the rules for transferring information between programs
HTTP - hypertext transfer protocol
FTP - file transfer protocol
SMTP – simple mail transfer protocol
What is the World Wide Web?
a set of HTML pages accessible using the HTTP protocol
2
3. How does a Web Browser (Firefox) fit in this picture?
- your browser connects, using the HTTP protocol, to a web server
- the web server fetches an HTML web page and sends the HTML to your browser
- your browser turns the HTML page into a nice-looking page on your screen
3
Your computer,
Your web browser
e.g. Firefox
Internet
connection
Internet
Routers
Text file containing
an HTML web page
Their computer,
Their web server
(an HTTP server)
e.g. Apache
/mypage.html
4. Hyper Text Markup Language (HTML) Basics
HTML is a “mark-up language”
You add the mark-up tags to your text document
Now follows a published standard via http://w3c.org/
HTML is a language of mark-up “tags” in angle brackets: <>
each tag has a name and may have one or more quoted
attributes
eg. <p class=”thesis” style=”color: red”>
Tags usually come in pairs (with some exceptions)
<html>...</html>, <body>...</body>, <p>...</p>, <hr>, <br>
Web pages are free-form input; line breaks can be used most
anywhere and don't affect the appearance of the document
Yes, your entire page could be a single line of text!
4
5. <html> … </html> (Required!)
Basic tag to identify portion of file that contains HTML
<html> is an opening tag
</html> is a closing tag (note the direction of the slash!)
text between the opening and closing tag is called the “element”
<head> … </head> (Required!)
placed at the top of document immediately after the <html> tag
tags information about the document, e.g. author, style, etc.
contains the required document <title>...</title> tag
5
6. <title> … </title> (Required!)
included as an element inside the <head>…</head> section
element of this tag is the title displayed in title bar of the
browser
may also be used as title of page when page is bookmarked
should be meaningful and uniquely identify the page
<body> … </body> (Required!)
included as the second element inside the <html>…</html> tags.
follows the <head>…</head> portion of the document
contains the information to be displayed in the browser window
any attributes set on this tag will apply to the entire page
6
7. <p> … </p> (Required!)
included as an element inside the <body>…</body> section
Surrounds a paragraph of text
DOCTYPE (Required!)
Must be the very first line of your file, before <html>
NOT an HTML tag; it is an instruction to your web browser
Tells the browser what version of HTML to expect
In this course we use only the “strict” HTML version 4.01 type:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
7
8. 8
HTML – Required Tags
That's all you need for a basic web page!
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>My Title</title>
</head>
<body>
<p>This is my first web page.</p>
</body>
</html>
9. More useful basic tags:
<br> (no closing tag needed)
put a line break in the text (starts a new line)
<h1> … </h1> through <h6> ... </h6>
used to identify text as a Level 1 (major) to Level 6 (minor) heading
Comment Tag
<!-- comments here -->
notice that the comment is typed as an attribute inside the tag
comments may be one or multiple lines long (HTML is free-form)
text within this tag will not be displayed or processed by your browser
comments do not nest! No comments inside comments!
The comment may not contain two (or more) adjacent dashes, e.g. --
9
10. The Anchor Tag – Hyper Linking - making the web a
web
<a> … </a>
one major attribute – the location of the hyperlink:
href=”string”
element is clickable/selectable as a document hyperlink
browser attempts to load the page specified by the href=
attribute
the href= string can be a relative URL on the same server:
without the leading http://host/ it is in the same directory
structure:
e.g. <a href=“page2.html”>Click here to continue</a>
e.g. <a href=”images/box.jpg”>See the box here.</a>
e.g. <a href=“../another_dir/page3.html”>Click here</a>
10
11. <a>…</a> anchor tag continued
The href= string can be an absolute URL on any server:
string can be any HTTP URL (web address) you like:
e.g. <a href=“http://www.gnu.org/philosophy/”>Free
Software</a>
The href= string can be an email address:
string can be an email address preceded by “mailto:”
e.g. <a href=”mailto:idallen@idallen.ca>Ian! D. Allen
email</a>
Attempts to open an email client (specified in the web
browser's options) and places the specified email address in
the To: field of a new email message.
11
12. <img> (no closing tag needed)
used to display graphics (.jpeg, .png, .gif) in your web pages
you must specify the URL for the image source, and an alt= text
the basic attributes of <img> are:
src=”string” - the absolute or relative location of the image file
alt=”string” - Alternate Text for people who don't see images
height=”string” - image height, percent or absolute pixels
(optional)
width=”string” - image width, percent or absolute pixels
(optional)
title=”string” - mouse-over title of the image (optional)
Etc….
specifying height= and width= lets your browser reserve space in the
document to load the image in the background and avoid redrawing
the page after the image is fully loaded
12
13. • <hr> (no closing tag needed)
– Hard/Horizontal Rule – draw a horizontal line
– rule appearance can be changed with styles
• <blockquote> … </blockquote>
– block quotation, indented
• <q> … </q>
– a short, in-line “quotation as part of running text”
• <pre> … </pre>
– preformatted text (e.g. computer code or output)
– fixed-width font (e.g. Courier fixed width)
– preserves spaces and line breaks
13
14. • Font-style tags – for more control, use CSS instead
• <b> … </b> and <i> … </i>
– bold and italic text (in-line)
• <tt> … </tt>
– Teletype Text: fixed-width font (e.g. Courier)
• <big> … </big> and <small> … </small>
– bigger and smaller text (in-line)
14
HTML - Basic TagsHTML - Basic TagsHTML - Basic Tags
15. Phrase tags – often better done using CSS
• <em> … </em> and <strong> ... </strong>
– text to be emphasized and strongly emphasized
– browser decides how: usually italicized, made bold
Less often used:
• <code>...</code>, <samp>...</samp>,
<kbd>...</kbd>
– computer code, sample code, keyboard text
– usually rendered in Courier fixed-width font
15
16. The <style> element and the style= attribute
• The style= attribute can be used on most tags
– defines features for a single HTML element, e.g.
<p style=”text-align: center”>Center me.</p>
• The <style> element: <style type=”text/css”> ...
</style>
– <style> tag always goes in the <head> section
– defines style information for the whole HTML page
– requires the type=”text/css” attribute
– more details to come in the description of CSS
– to link to a separate CSS style sheet, use instead:
<link rel=”stylesheet” type=”text/css” href=”string”>
16
HTML – Style Element/Attribute
18. • <li>…</li>
– List Item: surrounds each list item inside a list
– used inside both <ul> and <ol> list types
• <ul>…</ul>
– surrounds an unordered list – no numbering
– <li>...</li> items each indented and bulleted
– use styles (style= attribute) to change type of bullet:
– CSS style: list-style-type: string
• string can be: circle, disc, square
• e.g. <ul style=”list-style-type: square”> ... </ul>
18
HTML – Unordered Lists
19. • <ol> … </ol>
– surrounds an ordered list
– items are indented and numbered (or alphabetized)
– use styles (style=) to change type of numbering:
– CSS style: list-style-type: string
• examples of string: decimal, lower-alpha, upper-
roman
• e.g. <ol style=”list-style-type: upper-latin”> ... </ul>
– the start= attribute determines first item's value
• e.g. <ol start=“3”> - begin numbering at 3 (or c, or iii)
• but this is deprecated, with no CSS replacement!
• http://www.w3schools.com/tags/att_ol_start.asp
19
20. • <dl>…</dl>
– definition list containing <dt> and <dd> items
– <dt>...</dt> definition title
– <dd>...</dd> definition description
• Example definition list containing two definitions:
<dl>
<dt>Hacker</dt>
<dd>An expert or enthusiast of any kind.</dd>
<dt>Cracker</dt>
<dd>An intruder into computer systems.</dd>
</dl>
20
21. 21
HTML - <meta> - Page Attributes
• <meta> (no closing tag needed)
– used only inside <head> section of page
– gives details about page, e.g. author, keywords
– search engines may ignore keywords, since many
pages use fake keywords to boost search results
<head>
<title>CST8281 Course Homepage</title>
<meta name="Keywords" content=”Fundamentals, HTML, CSS”>
<meta name="Description" content=”An introductory course
dealing with computer and Internet fundamentals.">
<meta name="GENERATOR" content="Arachnophilia 5.4">
</head>
22. 22
HTML - <meta> - continued
• elements of <meta> include:
– name=string identifies what type of meta content will follow
– content=string details relating to the name
• <meta> can also be used to have your page automatically
load another web page after a short delay:
<meta http-equiv="refresh" content="10; url=index.html">
– note the attribute name: http-equiv=”refresh”
– the content= string begins with number of seconds
before next page is loaded, followed by a
semicolon, then url= giving the URL of the next
page to be loaded
23. • Use <meta> to set the character set for the HTML page
– needed to pass W3C validation without warnings
<meta http-equiv=”Content-Type”
content=”text/html; charset=UTF-8”>
• also frequently used: charset=iso-8859-1
– iso-8859-1 is “Latin-1” and includes French
– Latin-1 common in North America, Western Europe
– but UTF-8 includes all languages (preferred)
23
HTML – <meta> - charset – Character Set
24. Identifying and Grouping elements (e.g. for CSS)
• <div>...</div>
– division or section
– groups and identifies one or more block-elements
– usually causes a line break before and after
• <span>...</span>
– groups and identifies in-line elements (e.g. words)
– no visual change by itself (no line break)
– used to apply styles to parts of a text line, e.g.
This <span style=”color: red”>red</span> apple.
24
HTML – Identify/Group Tags
25. HTML Entities – for special characters, accents, foreign
– starts with ampersand and ends with semicolon
non-breaking-space – acts like a letter
– words connected with will not separate
across a line break; they stay together as one word
– e.g. Mr. Ian! D. Allen
< (less than) = < > (greater than) = >
" (double quote) = " ' (apostrophe) = '
& (ampersand) = &
– many, many others!
25
HTML – Entities (Special Characters)