Need help with basic HTML stuff

[MyFirstPage]

Hi everyone
Now I try to learn with an Basic HTML only site since the Storage is free with some Domain only Package.
It will be just a link list nothing special. I could find out many stuff I did use on: https://www.w3schools.com but I dont know how it call what I looking for.
Its like the "page up" but I want to jump to a Placemaker at the Site like:
Chapter 1
Chapter 2
Chapter 3
Chapter 4
Chapter 5
...
who can be select at the Top of the Page. How such think called or mabye someone have a link to w3schools.com?!
Thanks!

[AlexVega]

Hi there!,

You can use an anchor, follow this steps:
- Add or select in the top section an id to the element you want to be the top:

Code: Select all

<header id="top">...

- Add in the bottom a link to the selected id, in this example is called top:

Code: Select all

<a href="#top" ...

[MyFirstPage]

I want do it like in Wikipedia: https://en.wikipedia.org/wiki/Emoji#Skin_color
Now I remember who i did see that.
Your think dont seem to do anything maybe I copy the wrong think into?!

[AlexVega]

It's the same thing.

See in the URL you posted, at the end ...Emoji#Skin_color
Now inspect the HTML in the page you posted, in the Contents section in the link called "4. Skin Color", and you will see an anchor to the id #Skin_color.

[MyFirstPage]

Do you have a sample HTML File?
Maybe a link to https://www.w3schools.com? I could not find any information how that work.

[AlexVega]

Search in the page for links, anchors, bookmarks or similar in HTML, these are the most common names for that.

Hope this helps.

[Webdongle]

How to link to another section on the same page:
https://www.w3schools.com/tags/tag_a.asp

To link to a section on a different page use a url (relative should be ok)

[MyFirstPage]

sry I am a little tired I guess its this: https://www.w3schools.com/tags/tryit.as ... ref_anchor ?

[Webdongle]

Yes that's the'try it' page that is associated with the part of the ww3 documentation I pointed to.

Create some anchors and links on that test page of theirs.

[MyFirstPage]

So thanks for your help that works perfect! Is there some "other" method for an "going up" Button or does it work the same but just reversed?
Sorry Guys I feel like an idiot I try to have some Text below each other like:
abc
abc
abc
for that I try to use: <p></p> but that dont seem to work. It look like this:
abc

abc

abc
with an space between each line and not below wehre it should be. What is the right think I must use? Not <p></p>?
Thanks

[Webdongle]

You can hyperlink an image. If you want a 'Top' button that always floats at the bottom then use an extension.

Perhaps try explainingg what you are trying to do rather than ask about the method you are using to achieve your aim?

[MyFirstPage]

Perhaps try explainingg what you are trying to do rather than ask about the method you are using to achieve your aim?

Make an "HTML only" Website to learn how to use and work with HTML, PHP, XML,... without an CMS at first. So if I know the basics of that stuff I can hopefully a better Website with Joomla later.
So... When you use (Open) Office for example and you press Enter the make a big gab to the next Text but when you press Shift + Enter there is no Gab. So there should be 2 different letters for that?! Or how to "code" that Shift + Enter think?!


Just for Info if someone search for an "HTML only" Template: https://www.w3schools.com/w3css/w3css_templates.asp
Thanks

EDIT: Another Tip: https://css-tricks.com/emojis-as-favicons/
EDIT2: In my case the Notepad++ mess something up so replace the Emoji in the Line with the Decimal Value:

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>&#128567;</text></svg>">

who could be found here in the Emoji Section:
https://www.w3schools.com/charsets/ref_ ... uation.asp
And you will see an Emoji as an Fav Icon!!! Cool!

[Webdongle]

Perhaps create a localhost virtual server on your computer. You will be able to use php and have a database. That way you could install Joomla and experiment without the restrictions of a free server.

Wamp for a Windows os and Mamp for a Mac.

[MyFirstPage]

well I dont want to make my Server currently public. And I want and need to learn more about the HTML, PHP, CSS stuff so its a good way to learn I think...
But I just struggle a littlebit who I need a little help to get around and make the Site as pretty as possible with the least space, code as possible. Again I would say that is a good way to learn.

[Webdongle]

Creating a localhost virtual server on your computer will NOT make it public. What it will do is eliminate the restrictions that your free server has.

If you want to learn html/css/php in conjunction with a Joomla Template then you need to install Joomla. But if you just want to learn html/css then I doubt this forum is the place to do it.

[MyFirstPage]

...
Again? I will publish a Website for me and my Friends. I have a Domain only who "my hoster" allow me to run everything but just a Website without a DB or any other fancy stuff. So what I want to do is run just a Website with all the nice and fancy HTML, Javascript, PHP,.. stuff...
Why is this Page not the best way? I guess here are professionals who know more about that topic than me.

[Webdongle]

This is a forum for Joomla. We can help with scripting in relation to Joomla. But if you want help for a non Joomla site you will probably be better off trying a different forum.

[MyFirstPage]

Well how that part of the Forum is called? --> The Lounge, right?

[Pavel-ww]

So thanks for your help that works perfect! Is there some "other" method for an "going up" Button or does it work the same but just reversed?
Sorry Guys I feel like an idiot I try to have some Text below each other like:
abc
abc
abc
for that I try to use: <p></p> but that dont seem to work. It look like this:
abc

abc

abc
with an space between each line and not below wehre it should be. What is the right think I must use? Not <p></p>?
Thanks

Hi. Navigation is usually used list. The list is ul or ol tag with the required child tags li within which you can place all you need.
Here example for your case:

Code: Select all

<ul>
    <li>
        <a href="#your-anchor-link-1">abc</a>
    </li>
    <li>
        <a href="#your-anchor-link-2">abc</a>
    </li>
    <li>
        <a href="#your-anchor-link-3">abc</a>
    </li>
</ul>

To transfer the string, the br tag is used.

Code: Select all

<p>abc<br>abc<br>abc</p>

Tip: Forget about JS and PHP. Concentrate on learning HTML / CSS. And only after you study it, you can start learning programming on JS. And then PHP and other server languages.

Download the VS Code application and use it for writing code. This application has the Emmet plugin on board. Check out the Emmet documentation to write code quickly.

Code: Select all

https://docs.emmet.io/abbreviations/syntax/

[christaa]

Hi everyone
Now I try to learn with an Basic HTML only site since the Storage is free with some Domain only Package.
It will be just a link list nothing special. I could find out many stuff I did use on: https://www.w3schools.com but I dont know how it call what I looking for.
Its like the "page up" but I want to jump to a Placemaker at the Site like:
Chapter 1
Chapter 2
Chapter 3
Chapter 4
Chapter 5
...
who can be select at the Top of the Page. How such think called or mabye someone have a link to w3schools.com?!
Thanks!

Try these code

<a href="#chapter-1">chapter 1</a>
<a href="#chapter-2">chapter 2</a>
<a href="#chapter-3">chapter 3</a>
<a href="#chapter-4">chapter 4</a>
<a href="#chapter-5">chapter 5</a>

<div id="chapter-1"></div>
<div id="chapter-2"></div>
<div id="chapter-3"></div>
<div id="chapter-4"></div>
<div id="chapter-5"></div>