Where is “Lost your password?”
> ƒ wp-includes
> user.php
and
doc: wp-login.php
Where is “The changes you made”
> ƒ wp-includes
> theme.php
Where is “About WordPress”
> ƒ wp-includes
> admin-bar.php
Where is “Lost your password?”
> ƒ wp-includes
> user.php
and
doc: wp-login.php
Where is “The changes you made”
> ƒ wp-includes
> theme.php
Where is “About WordPress”
> ƒ wp-includes
> admin-bar.php
This is instruction on what Icon fonts are and how to use them.
What are Icon fonts?
Icon fonts are just fonts that we use every day in our digital world. However, instead of containing letters or numbers, they contain symbols and glyphs. You can style them with CSS in the same way you style regular text which has made them a popular choice on the internet.
Pros
• There are many benefits to using icon fonts instead of bitmap images in your projects. Here are some of those:
• Because they are vector graphics, they’re scalable. This means you can scale them up or down without losing their quality, so they always look clean.
• You send one single or few HTTP request(s) to load them instead of multiple HTTP requests that bitmap images might require. This means a faster load time on pages.
• They load fast because of their small size.
• They’re supported in all browsers (even back to IE6).
• You can apply any CSS effects to them if you do backend HTML
Cons
• They don’t work well for an international audience, because of the variety of devices.
• Some screen readers have a difficult time with icons and may read them as a letter
• Many older browsers do not know who to handle them and they show up as blanks or question marks.
• WordPress will often hide them in the “visual” edit area when writing a post.
Are very popular. To use the Font Awesome icons, add the following line inside the <head>
section of your HTML page:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Examples of Font Awesome icons:
<i class=”fa fa-cloud”></i>
<i class=”fa fa-heart”></i>
<i class=”fa fa-car”></i>
</i ><i class=”fa fa-file”></i>
<i class=”fa fa-bars”></i>
Styled Font Awesome icons (size, color, and shadow):
<i class=”fa fa-cloud” style=”font-size: 24px;”></i>
<i class=”fa fa-cloud” style=”font-size: 36px;”></i>
<i class=”fa fa-cloud” style=”font-size: 48px; color: dodgerblue;”></i>
<i class=”fa fa-cloud” style=”font-size: 60px; color: purple; text-shadow: 2px 2px 4px #000000;”></i>
HTML: Links: Style Target:
This is instruction on how to put links into an HTML page that can target other parts of your page or new window.
Link to a web page:
<a href=”url“>link text</a>
According to the HTML5 Spec:
A valid browsing context name is any string with at least one character that does not start with a U+005F LOW LINE character. (Names starting with an underscore are reserved for special keywords.)
A valid browsing context name or keyword is any string that is either a valid browsing context name or that is an ASCII case-insensitive match for one of: _blank, _self, _parent, or _top.” – Source
That means that there is no such keyword as _new in HTML5, and not in HTML4 (and consequently XHTML) either. Meaning, that there will be no consistent behavior if you use this as a value for the target attribute.
Examples:
The target attribute specifies where to open the linked page or document:
<a href=”http://namref.com/” target=”_blank”>Visit NamRef</a>
The target attribute specifies where to open the linked page or document: (Usually the same window – not to keep opening new windows in browser)
<a href=”http://namref.com/” target=”_new”>Visit NamRef</a>
Display the response received in a new window or tab:
<form action=”/action_page.php” method=”get” target=”_blank”>
First name: <input type=”text” name=”fname”><br>
Last name: <input type=”text” name=”lname”><br>
<input type=”submit” value=”Submit”>
</form>
target
AttributeValue Name | Description Notes |
---|---|
_blank | Opens the linked document in a new tab or window. |
_parent | Opens the link in the parent frame. Frames are deprecated in HTML5. |
_self | Open the link in the current frame. |
_top | Opens the link in the top-most frame. Frames are deprecated in HTML5. |
frame name | Opens the link in the named frame. Frames are deprecated in HTML5. |
anchor
ElementAttribute name | Values | Description Notes |
---|---|---|
hreflang | Specifies the language of the linked resource. | |
download | Directs the browser to download the linked resource rather than opening it. | |
target | _blank _parent _self _top frame name |
Specifies the context in which the linked resource will open. |
title | text | Defines the title of a link, which appears to the user as a tooltip. |
href | url | Specifies the linked document, resource, or location. |
name |
Anchors point to a place within a page.
The anchor element tag is the letter “a” surrounded by angle brackets like this: <a>
. Both the opening and closing attributes are required, and all of the content between the tags makes up the anchor source.
A # in front of a link location specifies that the link is pointing to an anchor on a page. (Anchor meaning a specific place in the middle of your page).
To link to an anchor you need to:
An anchor is created using the <a> tag.
If you want to create an anchor called part3, you simply add this line where you want the anchor to be:
|
After doing this, you can make a link pointing to the anchor using the normal <a href> tag, like this:
|
Note:
When linking to an anchor on a page you need to put a # in front of the anchor.
When you link to an anchor on the same page, simply enter
|
When you link to anchors on external pages use this syntax:
|
Anchors are generally used when you create pages with considerable amounts of text.
You would typically make an index at the top of the page linking to the anchors that have been added to key places in the text that follows.
HTML bookmarks are used to allow readers to jump to specific parts of a Web page.
Bookmarks can be useful if your webpage is very long.
To make a bookmark, you must first create the bookmark, and then add a link to it.
When the link is clicked, the page will scroll to the location with the bookmark.
Example
First, create a bookmark with the id attribute: |
<h2 id=”P3″>Part 3</h2> |
Then, add a link to the bookmark (“Jump to Chapter 4”), from within the same page: |
<a href=”#P3″>Jump Over to Part 3</a> |
Or, add a link to the bookmark (“Jump to Part 3”), from another page: |
<a href=”html_.html#P3″>Jump Over to Part 3</a> |
“Those that are kind to the cruel, are cruel to the kind.”
or
“If you are kind to the cruel, you are ultimately cruel to the kind.”
or
“If you are kind to the cruel, you will end up being cruel to the kind.”
Jewish saying
Here’s why you’re wasting your time on your first post …