Javascript beillesztése htmlbe
<!DOCTYPE HTML>
<html>
<head>
<title>HTML szöveg tagolása</title>
</head>
<body>
<form>
<script>
var tablazat =
'<table border="1">'+
'<tr>'+
'<td>Ez egy cella.</td>'+
'</tr>'+
'</table>';
document.write(tablazat);
</script>
</form>
</body>
</html>
Külső css-re hivatkozás;
<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">
Belső css-re hivatkozás;
<link rel="stylesheet" href="/html/styles.css">
<link rel="stylesheet" href="styles.css">
Tulajdonságok a fejlécbenés a bodyban;
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Hivatkozás saját css-re;
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Tulajdonságok beállítása a bodyban;
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>HTML szöveg tagolása</title>
</head>
<body>
<form>
<script>
var tablazat =
'<table border="1">'+
'<tr>'+
'<td>Ez egy cella.</td>'+
'</tr>'+
'</table>';
document.write(tablazat);
</script>
</form>
</body>
</html>
Külső css-re hivatkozás;
<link rel="stylesheet" href="https://www.w3schools.com/html/styles.css">
Belső css-re hivatkozás;
<link rel="stylesheet" href="/html/styles.css">
<link rel="stylesheet" href="styles.css">
Tulajdonságok a fejlécbenés a bodyban;
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: blue;
font-family: verdana;
font-size: 300%;
}
p {
color: red;
font-family: courier;
font-size: 160%;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Hivatkozás saját css-re;
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Tulajdonságok beállítása a bodyban;
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Nincsenek megjegyzések:
Megjegyzés küldése