HTML tag [<]abbr[>] shows an abbreviated name, if you let the mouse down there will be a pop-up inscription

Компьютер, программы

→

Html & CSS

HTML tag <abbr>

посмотрели 6950 раз

обновлено: 13 November 2018

<abbr> - html element that shows the abbreviated name and if you bring the mouse up there will be a pop-up inscription with the full name.

Photo

Example

Html

Example we look, we test

Bring the mouse to P

← Previous topic
HTML tag <a> link to go to another page

Next topic →
HTML tags fieldset and legend. This is a frame with a title

Your feedback ... Comments ...

Объявления

HTML elements

• HTML tag <a> link to go to another page

• HTML tag <abbr> shows an abbreviated name, if you let the mouse down there will be a pop-up inscription

• HTML tags fieldset and legend. This is a frame with a title

• HTML tag  comment

• style="border" in the HTML

<BR>

HTML search for an element, elements

• document.querySelector(...) is a JavaScript method for finding an element from document (i.e. in all HTML)

• yourElement.querySelectorAll(...) is a JavaScript method for finding elements inside another HTML element

<BR>

HTML svg (vector graphics for drawing lines, rectangles, ellipses, ...)

• <svg> vector graphics, drawing a line<line>, rectangle <rect>, circle<circle>, text<text>

<BR>

HTML canvas (drawing pictures, text, shapes)

• HTML <canvas> drawing a rectangle

• HTML drawing <canvas> lines by clicking on the Canvas

• HTML <canvas> we draw pictures

• HTML <canvas> we draw a picture with a rotation

• HTML <canvas> draw a picture with horizontal reflection

• HTML <canvas> we draw a picture and text

• HTML <canvas> draw a picture many times in a rectangle (template)

• HTML <canvas> how to get mouse coordinates ? Determine the position of the mouse.

• HTML <canvas> drawing a snake with lines moveTo, lineTo

CSS

• CSS description

• After modifying the file css , the browser displays old styles over and over again. Why?

• Books to study CSS

CSS flex (the element can stretch or shrink and thus fill the free space)

• What is CSS flex

Freeze

• The header in the table is always visible when scrolling | freeze header in table | HTML

• Div is always visible when scrolling (position:fixed, position:sticky) | freeze div | HTML

Do Popup using HTML and Javascript

• How to make a Popup window in a HTML page | Javascript, HTML, CSS

Motion and animation of pictures

• Animation of the little man on the spot. For <div>animation, we use CSS styles: "animation", "background-image", "background-position", "keyframes"

• Animation of a man in motion (sprite). For <div><img>animation we use CSS styles: "animation", "background-image", "background-position", "keyframes"

• Draw a picture with movement. Use the HTML element<canvas>. Use JavaScript for movement: var img = new Image(), img.src = url, drawImage, timer, window.setInterval

• Drawing a picture with movement and animation (sprite). Use the HTML element <canvas>. Use JavaScript for movement: var img = new Image(), img.src = url, drawImage, timer, window.setInterval

Web page on the phone

• I open a web page on my phone in Google Chrome. Why does double-clicking increase the page size?

Layout, page design

• What the Front-end development?

• How to Identify a Device (Tablet, Computer, Phone) Currently Used in JavaScript, HTML

• How to make your site work on a phone, tablet, computer using css media and max-device-width and min-device-width | HTML | CSS

• How to make your website fit in size on your phone, tablet? (HTML meta with attribute name="viewport")

• Correct layout HTML. Bad to use table. You need to use div

• What is Adaptive design? What is responsive design?

• Change the color of the scrollbar for the HTML page. Using CSS

WWW sites for learning

• Sites to explore HTML