@manhng

Welcome to my blog!

HTML

July 29, 2020 17:18

HTML (edit)

A quick custom boilerplate HTML5 markup generator

http://htmlshell.com/

<!DOCTYPE html>
<!--[if lte IE 6]><html class="preIE7 preIE8 preIE9"><![endif]-->
<!--[if IE 7]><html class="preIE8 preIE9"><![endif]-->
<!--[if IE 8]><html class="preIE9"><![endif]-->
<!--[if gte IE 9]><!-->
<html>
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>title</title>
<meta name="author" content="name">
<meta name="description" content="description here">
<meta name="keywords" content="keywords,here">
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=font1|font2|etc" type="text/css">
<link rel="stylesheet" href="stylesheet.css" type="text/css">
<style type="text/css">
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXXX-Y']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function autorun() {

var accessToken = 'eyJ...';

var getCalendarUrl = 'https://outlook.office365.com/api/v2.0/me/calendars/';

$.ajax({
url: getCalendarUrl,
dataType: 'json',
headers: { 'Authorization': 'Bearer ' + accessToken },
async: false
})
.done(function (restitem) {
debugger;
// Process data
console.log(restitem);
})
.fail(function (error) {
debugger;
// Handle error
console.log(error.responseText);
});
}
if (document.addEventListener) document.addEventListener("DOMContentLoaded", autorun, false);
else if (document.attachEvent) document.attachEvent("onreadystatechange", autorun);
else window.onload = autorun;
</script>
</body>
</html>

HTML

June 9, 2017 17:43

HTML + CSS + JavaScript Example

<!DOCTYPE html>
<!--[if lte IE 6]><html class="preIE7 preIE8 preIE9"><![endif]-->
<!--[if IE 7]><html class="preIE8 preIE9"><![endif]-->
<!--[if IE 8]><html class="preIE9"><![endif]-->
<!--[if gte IE 9]><!--><html><!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>title</title>
<meta name="author" content="name">
<meta name="description" content="manhng.com">
<meta name="keywords" content="manhng.com,manhnv83,manhnv83vn,manhnguyenv,manhnguyenviet">
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Josefin Slab' type='text/css'>

<link rel="stylesheet" href="stylesheet.css" type="text/css">
<style type="text/css">
body {
font-family: 'Josefin Slab', serif;
font-size: 18px;
}
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-100772205-1']);
_gaq.push(['_trackPageview']);
(function()
{
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>

<div>Making the Web Beautiful!</div>

<h3>Giầy Nam</h3>
<div><a href="https://hoang-phuc.com/dr-martens-b-t-c-th-p-maelly-3k14.html">Dr.Martens Bốt cổ thấp Maelly 3K14</a></div>
<div><a href="https://hoang-phuc.com/dr-martens-b-t-c-th-p-maleke-9h37-lake-blue-6.html">Dr.Martens Bốt cổ thấp Maleke 9H37 LAKE BLUE</a></div>

<h3>Google Fonts</h3>
<div><a href="https://www.w3schools.com/howto/howto_google_fonts.asp">Google Fonts</a></div>
<div><a href="https://bootstrapbay.com/blog/google-web-fonts/">Google Fonts</a></div>
<div><a href="https://www.awwwards.com/20-best-web-fonts-from-google-web-fonts-and-font-face.html">Google Fonts</a></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js" type="text/javascript"></script>
<script type="text/javascript">
function autorun()
{
    //TODO:
}
if (document.addEventListener) document.addEventListener("DOMContentLoaded", autorun, false);
else if (document.attachEvent) document.attachEvent("onreadystatechange", autorun);
else window.onload = autorun;
</script>
</body>
</html>

Categories

Recent posts