HTML5 hyper links between two pages - html

I'm studying HTML5 and i need to create a hyperlink from on page to an id location on the second one.
Both HTML files are in the same folder.
What I tried so far is here:
World Wide Web overview
World wide web overview
None of these worked for me so far.
I tried looking for answers online and didn't find anything related.
I could try to find the needed code by looking in to an existing code of a page with the same function that I'm looking for, but I'm not familiar with a page like that while looking for a page on the web is impractical.

When you want to link to a specific id location on a page, you need to put it after the URL like so:
World Wide Web overview
The # part indicates to the browser that this is an id of an anchor on the index.html page. This anchor would look like this:
Some Text
Hope this helps!

Related

How to look-for/find a specific string/selector/XPath across multiple web pages from the "inspect element" browser option?

I hope y'all having an amazing day.
As my question raised,
how can I search/look/inspect for an element (in NOT just one page, but) in multiple web pages at once.
The purpose is to find a string (or a Code such "186.png") throughout the whole website without need to visit by myself every web page and inspect element every time.
I've tried to look for a solution that might lead me to print the whole website html sources and elements but, unfortunately, I have no such strong background in html.
Please Help :)
Simply, use the web scraper tool to inspect elements you want across multiple web pages. look for it from the web extensions store of your browser.

Show source website when sharing a link on Facebook?

I'm a manager of a page on Facebook and now I'm building a site for this page. To be honest I'm way too new to web-developing to be doing such a site, but I would like to try anyway.
My question is, when I see my friend shares a link (from BuzzFeed for example), I would see something like this
I believe that to change the thumbnail, the title and the description you would have to edit the meta tag of the html files (please correct me if I'm wrong).
So I just want to know how the source website (circled red in the picture) can be displayed through the shared links.
P/S: A side-question, if I want to learn more about building such a "social" site, where can I read more about it and what frameworks should I look into, thanks alot !

Style google search result like stackoverflow using microformat

It's for a while I'm researching on the microformat for styling my site information different in google result page.
I found some detail about microformat in this links:
http://microformats.org/wiki/hcard-authoring#The_Importance_of_Names
http://blog.teamtreehouse.com/add-microformats-magic-to-your-site
http://microformats.org/get-started
that will have result like this :
Now, I'm trying to find out could I manipulate microformats to force google show my site information in result page, just like do it for stackoverflow or other most popular sites :
Or Is it possible to do that...?!?!?
Thanks in advance...
You can't force Google to show your website and sub pages like the Stack Overflow example you posted. Your search term was stackoverflow and so the information displayed on the results page was far and away the most relevant. Hence why it displays like that.
If someone searched for your website by name you might get a result like that. You'll need to submit an xml sitemap to Google Webmaster Tools, give it time to index and hopefully your website name will be unique enough.
I guess the main thing is that your website is first on Google's results page for a given search term and the sitemap shows Google what your other pages are.
With respect to microdata - it's really good for giving extra information to search engines. The CSS-tricks one is a perfect example. You'd need a Google+ profile and using the microdata specify that profile as the author.
Again, Webmaster Tools has some great Microdata validation tools. You can even load your pages source code up, highlight the text you want to tag and it'll show you exactly what tags to add and how so it works. Link below:
https://www.google.com/webmasters/markup-helper/

iFrame - JavaScript to delete elements

I have the following problem: We have two sites, one community page based on elgg and a second page based on typo3. What we want to do is create a simple iframe in a typo3 subpage, which contain the community page.
Since the community page has its own page header with logos etc, it looks stupid. I tried to delete everything expect the , but this is not possible because the iframe source looks like "http://myiFramePage.org", so they do not have the same origin.
Fortunately, the two systems are on the same server, but i was not able to create a relative url. Could you help me to find the right url?
/
public_html
elgg
index.php
typo3
index.php
Also i would like to ask what do you think? Does it make sence to cut out the body/most important parts of the page?
If you just cutout the body from elgg and call it inside typo, it wont work. Because its missing css, essential js files etc.
The best solution is to create a similar theme for the community site too. This will make both site looking the same and you wont loose any functionality of community site.
I don't like solutions which hack things, they have a tendency to break, and are virtually untestable. I would try to customize the internal page from within the system (as suggested in Webgalli's answer) to make it look like the outer page.

Simple blog in CSS and HTML only

I have a simple html/css-only static website on which I would like to add a blog. Comments and RSS aren't necessary.
Now, how do I do that, without having to write all my entries in pure html?
My website consists of a vertical menu and an area to the right of it, where all the content goes on each page. I would like a blog inside that area on the blog page, so a blog on a separate page with its own layout is not what I'm looking for.
Googling this doesn't really help me much since the majority of the hits are on sites offering blog services.
Thanks in advance, I hope I'm not being too difficult. Please leave some feedback on my question if you think there are things I should have tried out before asking.
If i understand what you want the answer is that ist is not possible in pure html and css. With only Html and css you can not make a blog (if you dont want to edit the source everytime you write an entry and have to make a new file for each entry and so on).
You need some code (php or so) that is able to store and load the entrys into your site.
Html and css are not meant to make things working. With Html you define the elements so that they are structed and then with css you "style" your work. But for the task of a blog (i think you want an editor for the text on the site, the ability to edit, delete, more than one site and so on) you need something like php or aps.net that is able to "interact".