Velkommen til Web-Expert.dk
Web-Expert.dk, hjælper dig med følgende:
Denne tutorial viser dig hvordan du får en hjemmeside op at stå som både kan vises på en smart mobil, iPhone, iPad, iMac, PC eller tilsvarende devices.
En hjemmeside der kan vises både på en smart mobil, iPhone, iPad, iMac eller en PC
Så kan dette link måske hjælpe dig:
Lad os starte
- Opret en plain tekst fil f.eks. test.html på dit skrive bord
- Du kan bruge notepad.exe (PC) eller TextEdit.app (Mac) eller en hvilken som helst HTML editor
- Rediger denne fil med din editor
Så kommer det spændende
Indsæt følgende HTML kode i test.html filen og klik på gem
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Hej verden</title>
</head>
<body>
<h1>Hej verden</h1>
<p>Du skal så indsætte dit indhold her . . .</p>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
Du kan nu teste din fil i en browser. Klik her for at se hvordan filen så burde vises i browseren