html tags
Which attribute is required for an <img> tag ?
the src attribute is required as it contains the path to the image we want to embed
3. what is the extension we use to save html documents ?
.htm or .html
alt is short for: 1. alternative text 2. alien 3. alternator 4.automotive
1. alternative text
what is a html attribute ?
Atrributes contain extra information about the element that won't appear in the content. They are special words <a href="https://www.google.com" >Go to google </a> here href is an attribute , where we write the destination of the link
1. What is HTML ?
HTML is a hypertext Markup Language. it is not a programming language but a markup language. NOT a programming language IT IS A MARKUP LANGAUGE : - IT TELLS THE BROWSER HOW TO STR THE PAGE
ARE html tags case sensitive i.e is <P> the same thing as <p> ?
No they are case-insensitive i.e ,<P> is the same thing as <p>, we are however advised to write in lowercase for : Consistency Readability
13. Does a hyperlink only apply to text?
No, you can use hyperlinks on text and images both. The HTML anchor tag defines a hyperlink that links one page to another page. The "href" attribute is the most important attribute of the HTML anchor tag. Syntax <a href = "..........."> Link Text </a>
How do we comment multiple lines using html ?
Simply using <!-- --> across different lines, see eg. <!--- Your code is commented. Write description of code. It will not display at webpage. -->
If the image cannot be displayed then _______ specifies an alternate text for an image.
alt attribute
Which is an example of a complete image tag? a. <img "dog.jpg"> b. <img src="dog.jpg" alt="my dog"/> c. img=dog.jpg d. <src="dog.jpg" alt="my dog">
b. <img src="dog.jpg" alt="my dog"/>
Which of the following is NOT included in the IMAGE tag code? 1. img 2. src 3.h1 4.alt
h1
4. What can the markup language dictate ?
make this part bold, make this part a link, make this a paragraph
Which of the following is included in the image tag code? 1. src 2. h1 3. <p> 4.scr
src
1. Why do we need comments ?
1. make code easy to understand 2. increase readability of code. 3. used for documentation and debugging purposes **Anything written between these tags will be ignored by the browser, so comments will not be visible on the webpage.
src is short for: 1. source 2. image 3. screen 4. html
1. source
10. What should an attribute have ?
1. A space between it and the element name 2. the attribute name followed by an equal sign 3. An attribute value, wrapped with opening and closing quote marks . eg ) <img src="img_girl.jpg" alt="Girl with a jacket"> here src and alt are the attributes of the img tag src : specifies the source of the img/ where to get the img from . alt : defines alternate text , which is shown if the image fails to load or used by screen readers
IMG is short for: 1. image 2. imagine 3. source 4. photo
1. image
Why is the alt attribute of<img> tag useful
1. incredibly useful for accessibility — screen readers read this description out to their users so they know what the image means. 2. Alt text is also displayed on the page if the image can't be loaded for some reason: for example, network errors, content blocking, or linkrot.
Does an <img> tag have a closing tag ?
The img element is an empty element. It starts with <img> tag and does not have any end tag
What is wrong with the following image tag? <ing src = "cat.jpeg" alt = "cat jumping"/> 1. Missing Closing Tag 2. Missing Quotation Marks 3. Missing img at the beginning 4. Nothing
3. Missing img at the beginning
What is missing from the following image tag? <img src = cat.jpeg alt = cat jumping / > 1. Closing Tag 2. Nothing 3. Quotation Marks 4. Parenthesis
3. Quotation Marks
how to add comments in html ?
<! -- ... --> tag. So if you will write anything between theses comment tag that will be treated as comment and browser will not read it.
Is <p> tag a inline or block element ?
<p> is a block level element By default the browser will show each paragraph on a new line with some spaces between it and subsequent paragraphs
which tag do we use to represent a paragraph ?
<p> tag
If the image can't be loaded what is displayed ?
If you have specified an alt text as an attribute that is what will be dispalyed
What is a html element ?
html elements are the opening tag , content and the closing tag they are the basic building blocks of html They are the whole thing <p> Hello world </p> - this whole thing is a paragraph element
Which tag is used to embed an image in html ?
The <img> tag <img src="/media/cc0-images/grapefruit-slice-332-332.jpg" alt="Grapefruit slice atop a pile of other slices">
14. Explain the layout of HTML?
Every website has a specific layout to display content in a specific manner. Following are different HTML5 elements which are used to define the different parts of a webpage. <header>: It is used to define a header for a document or a section. <nav>: It is used to define a container for navigation links <section>: It is used to define a section in a document <article>: It is used to define an independent, self-contained article <aside>: It is used to define content aside from the content (like a sidebar) <footer>: It is used to define a footer for a document or a section
Why is HTML not a programming language ?
It does not have the ability to create dynamic functionality or use complex logic like flow of control statements HTML can't make decisions about what instructions to execute depending if a certain condition is true .
11. Do all HTML tags have an end tag?
No. There are some HTML tags that don't need a closing tag. For example: <image> tag, <br> tag They are call them empty or void tags
Does comment appear to the end user/ on the webpage ?
The commented code will not be visible to a webpage, and hence you can use comment tag for documentation purpose, and debugging purpose:
12. What are some common lists that are used when designing a page?
There are many common lists which are used to design a page. You can choose any or a combination of the following list types: Ordered list - The ordered list displays elements in numbered format. It is represented by <ol> tag. Unordered list - The unordered list displays elements in bulleted format. It is represented by <ul> tag. Definition list - The definition list displays elements in definition form like in dictionary. The <dl>, <dt> and <dd> tags are used to define description list.
What is the key difference between html tag and html element ?
html element: Collection of the start tag ,its attributes, and end tag and everything in between. ** we create elements by writing tags eg : <p> hello world </p> - the whole thing is an element HTML tag : is used to mark the end or start of an element. ** most but not all have staring and closing tags <p> -> opening tag and </p> is the closing tag the content is put between the two tags <br> -> is an empty element doesnt need end
What is the difference between opening tag and closing tag ?
it is the presence of a '/ ', closing tag has a / <p.> - starting tag </p>- is the closing tag
7. What is a tag in html ?
tags are used to place the content and format pages. They are defined using '<' and '>' An opening tag must be preceded by the closing tag indicated by the '/' symbol tag instructs the browser to format the html. tag have many uses such as changing the appearance of text, displaying graphics, or linking to other pages