Cheat Sheet
HTML Basics
-
University:
Boston University -
Course:
MET CS 201 | Introduction to Programming Academic year:
2019
-
Views:
464
Pages:
2
Author:
Clint W.
HTML Basics
Your basic web page
– Begins your HTML document.
– Contains information about the page such as the title, meta tags for proper
search engine indexing, style tags for CSS, and JavaScript coding for special effects.
– The title of your page. This will be visible in the title bar of the browser.
– Closes the tag.
</head> – Closes the <head> tag.
<body> – This is where you will put your document and HTML codes.
</body> – Closes the <body> tag.
</html> – Closes the <html> tag.
Block elements
<h1></h1> - Creates the largest headline
<h6></h6> - Creates the smallest headline
<blockquote> </blockquote> - Indents text from both sides
<p></p> - Creates a new paragraph
<table> </table> - Makes a table (see below)
<ul></ul>, <ol></ol>, or <dl></dl> - Makes a list (see below)
<div> </div> - Logical division for block element
Inline elements
<a href=”url”> </a> - Creates a link
<br/> - Line break
<hr></hr> - Inserts a horizontal rule (aka line)
<img src=”” width=”#px” height=”#px” alt=”image description”> - Adds an image Tables
<table> - Begins table
<tr> - Creates a row
<td> Cell 1 </td> - Creates a cell
</tr> - Closes <tr> tag
</table> - Closes <table> tag
Lists
<ul> - Creates a bulleted list
<li></li> - Creates a list item
<li></li> - Creates a list item
</ul> - Closes <ul> tag
<ol> - Creates a numbered list
<li></li>
<li></li>
</ol> - Closes <ol> tag
<dl> - Creates a definition list
<dt> </dt> - Marks a term
<dd> </dd> - Marks a definition
</dl></div>
</div>
<button type="button"
id="hide-button-des"
class="document-details__control-button document-details__control-button_show-more show-btn is-hidden"
onclick="hideDescriptionPageInfo()"
>
Show description
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="document-details__toggle-button d-none d-flex@lg" onclick="toggleSidebar()">Toggle</button>
</div>
</div>
<style>
.description {
word-break: break-word;
max-height: 260px;
overflow: hidden;
}
.isShow {
max-height: 100%;
}
.show-btn {
display: flex;
align-items: center;
}
.accordion-button {
&:after {
display: none;
}
}
</style>
<script>
const documentUrl= "https:\/\/edubirdie.com\/boston-university\/met-cs-201-introduction-to-programming\/98160-html-basics";
const documentTitle= "HTML Basics";
const documentFileHash = "b38c8bbca544fa739f7203234f682a4a";
function hide(str) {
console.log(str)
const reg = new RegExp(String.fromCharCode(160), "g");
console.log(str.replace(reg, " "), 'str.replace(reg, " ")')
return str.replace(reg, " ");
}
// const redirectToLogin = () => {
// if (!document.getElementById("doc-template-use").classList.contains("doc-template-use")) {
// window.location = '/?redirect=login';
// return
// }
// }
//
// const redirectToRegister = () => {
// if (!document.getElementById("doc-template-use").classList.contains("doc-template-use")) {
// window.location = '/?redirect=register';
// return
// }
// }
// const saveDocument = async () => {
// if (!document.getElementById("doc-template-use").classList.contains("doc-template-use")) {
// window.location = '/?redirect=login';
// return
// }
//
// document.getElementById("save-button").classList.toggle("btn_selected")
// document.getElementById("save-button-small").classList.toggle("btn_selected")
//
// try {
// await fetch(`/api/user/saved-documents/${documentId}`, settings);
// } catch (e) {
// console.log(e)
// }
// }
//
// const saveReport = async () => {
// let checkboxArray = []
// checkboxArray.push(document.getElementById("checkbox-1").checked)
// checkboxArray.push(document.getElementById("checkbox-2").checked)
// checkboxArray.push(document.getElementById("checkbox-3").checked)
// checkboxArray.push(document.getElementById("checkbox-4").checked)
// checkboxArray.push(document.getElementById("checkbox-5").checked)
//
// const reason = checkboxArray.findIndex((element) => element === true) + 1
//
// try {
// await fetch(`/api/reports`, {...settings, body: JSON.stringify({document: Number(documentId), reason})});
// closeReportModal()
// openThankReportModal()
// } catch (e) {
// console.log(e)
// }
// }
// const handleDownload = () => {
// const downloadLink = JSON.parse(documentFileHash)
// const url = `/download/${downloadLink}`
// window.open(url, "_blank", "noreferrer");
// }
const hideInfo = () => {
if (window.innerWidth < 1279.98) {
const button = document.querySelector(".document-details__title");
const hiddenDetailsItems = document.querySelectorAll(".hidden-details");
hiddenDetailsItems.forEach((item) => {
item.classList.toggle("is-shown")
});
button.classList.toggle("is-hidden");
}
}
const hideDescriptionPageInfo = () => {
const button = document.getElementById("hide-button-des");
document.getElementById("description-block").classList.toggle("isShow")
button.classList.toggle("is-hidden")
button.innerText === "Hide description" ? button.innerHTML = "Show description" : button.innerHTML = "Hide description"
}
const hideDescriptionPage = () => {
document.getElementById("description").classList.toggle("show")
}
const toggleSidebar = () => {
document.getElementById("sidebar").classList.toggle("document-details_hidden");
document.body.classList.toggle(
'sidebar--closed'
);
}
const closeShareModal = () => {
document.getElementById("share-modal").style.display="none"
document.getElementById("share-modal2").style.display="none"
document.getElementById("share-modal").classList.toggle("show")
document.getElementById("share-modal2").classList.toggle("show")
}
</script>
<div class="document-page__col document-page__col_file-view is-shown">
<div class="document-sticky-controls w-100">
<div class="row">
<div class="document-sticky-controls__inner-wrapper d-flex flex-jc-sb flex-jc-fe@lg flex-ai-c">
<p class="document-sticky-controls__title fw-bold">HTML Basics</p>
<div class="document-sticky-controls__buttons-wrapper">
<div class="document-sticky-controls__button"></div>
</div>
</div>
</div>
</div>
<div class="document-view">
<div class="document-action-buttons__inner">
<button type="button"
class="document-action__button document-action__button-report document-details__like-dislike-button fz-xs">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 11.25C3 11.25 3.75 10.5 6 10.5C8.25 10.5 9.75 12 12 12C14.25 12 15 11.25 15 11.25V2.25C15 2.25 14.25 3 12 3C9.75 3 8.25 1.5 6 1.5C3.75 1.5 3 2.25 3 2.25V11.25ZM3 11.25V16.5" stroke="#303A4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Report
</button>
<div class="helpful-btns">
<button type="button"
class="document-action__button document-details__like-dislike-button document-details__like-button fw-medium d-flex flex-ai-c">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 6.93763V14.4376C1.5 14.9554 1.91971 15.3751 2.4375 15.3751H5.25V6.00013H2.4375C1.91971 6.00013 1.5 6.41984 1.5 6.93763Z" fill="#303A4E"/>
<path d="M14.7687 6.93744H11.9993C11.7571 6.93744 11.6358 6.77584 11.5951 6.70626C11.5543 6.63714 11.4719 6.45266 11.5891 6.24118L12.5655 4.4829C12.7798 4.09792 12.8017 3.6452 12.6264 3.24099C12.4511 2.83633 12.105 2.5429 11.677 2.43624L10.9885 2.26412C10.821 2.22201 10.6434 2.27557 10.5266 2.40511L6.78854 6.55795C6.40082 6.98962 6.1875 7.54626 6.1875 8.12578V13.0312C6.1875 14.3234 7.23898 15.3749 8.53125 15.3749L13.1945 15.3745C14.2473 15.3745 15.1771 14.6654 15.4549 13.6505L16.4556 9.05824C16.4849 8.93053 16.5 8.79961 16.5 8.66869C16.5 7.71424 15.7232 6.93744 14.7687 6.93744Z" fill="#303A4E"/>
</svg>
<span id="document_likes" class="d-inline-flex flex-ai-c">40</span>
</button>
<button type="button"
class="document-action__button document-details__like-dislike-button document-details__dislike-button fw-medium d-flex flex-ai-c">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 6.93763V14.4376C1.5 14.9554 1.91971 15.3751 2.4375 15.3751H5.25V6.00013H2.4375C1.91971 6.00013 1.5 6.41984 1.5 6.93763Z" fill="#303A4E"/>
<path d="M14.7687 6.93744H11.9993C11.7571 6.93744 11.6358 6.77584 11.5951 6.70626C11.5543 6.63714 11.4719 6.45266 11.5891 6.24118L12.5655 4.4829C12.7798 4.09792 12.8017 3.6452 12.6264 3.24099C12.4511 2.83633 12.105 2.5429 11.677 2.43624L10.9885 2.26412C10.821 2.22201 10.6434 2.27557 10.5266 2.40511L6.78854 6.55795C6.40082 6.98962 6.1875 7.54626 6.1875 8.12578V13.0312C6.1875 14.3234 7.23898 15.3749 8.53125 15.3749L13.1945 15.3745C14.2473 15.3745 15.1771 14.6654 15.4549 13.6505L16.4556 9.05824C16.4849 8.93053 16.5 8.79961 16.5 8.66869C16.5 7.71424 15.7232 6.93744 14.7687 6.93744Z" fill="#303A4E"/>
</svg>
<span id="document_dislikes" class="d-inline-flex flex-ai-c">0</span>
</button>
</div>
<button class="document-action__button document-action__button-save document-details__like-dislike-button">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.25 15.75L9 12L3.75 15.75V3.75C3.75 3.35218 3.90804 2.97064 4.18934 2.68934C4.47064 2.40804 4.85218 2.25 5.25 2.25H12.75C13.1478 2.25 13.5294 2.40804 13.8107 2.68934C14.092 2.97064 14.25 3.35218 14.25 3.75V15.75Z" stroke="#303A4E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Save
</button>
</div>
<div class="document-view__inner-wrapper d-flex flex-jc-sb">
<div class="document-view__item document-view__item_viewer">
<div class="document-file-view">
<div class="document-file-view__inner-wrapper hideScrollStyle" style="overflow-y: scroll;">
<div>
<div class="rpv-full-screen__exit-button" id="exit-btn" style="display: none">
<button
aria-label="Exit fullscreen"
class="btn btn_secondary-light btn_size-medium btn_only-icon"
type="button"
onclick="exitFullScreen()">
<span class="btn__icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24">
<g
clip-path="domain_url#a)"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round">
<path d="M18 9.75h-3.75V6M19.5 4.5l-5.25 5.25M6 14.25h3.75V18M4.5 19.5l5.25-5.25M14.25 18v-3.75H18M19.5 19.5l-5.25-5.25M9.75 6v3.75H6M4.5 4.5l5.25 5.25"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
</div>
<style>
.kvfysmfp {
overflow: hidden;
touch-action: none;
overflow-y: scroll;
transition:.2s;
transform-origin:top;
}
.ufhsfnkm {
transform-origin: 0 0
}
</style>
<div class="kvfysmfp" id="zoomable-block">
<div class="ufhsfnkm"
id="document-wrapper"
style="height: auto;">
<div class="hideScrollStyle" style="overflow-y: scroll; transform-origin: 0px 0px;">
<div class="document-main-inner">
<div class="react-pdf__Page" data-page-number="1">
<div id="page1-div" class="" style="background-color: #fff;">
<img width="100%"
height="100%"
draggable="false"
src="https://q2a.s3.us-west-1.amazonaws.com/keepnotes/doc-page-preview/98160-1page_4.webp"
class="myContent" id="image_1" alt="HTML Basics - Page 1">
</div>
</div>
<div class="react-pdf__Page" data-page-number="2">
<div id="page2-div" class="" style="background-color: #fff;">
<img width="100%"
height="100%"
draggable="false"
src="https://q2a.s3.us-west-1.amazonaws.com/keepnotes/doc-page-preview/98160-1page_5.webp"
class="myContent" id="image_2" alt="HTML Basics - Page 2">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rpv-default-layout__toolbar" style="transform: translate(-50%, -20px);">
<button type="button" onclick="handleScroll()" class="rpv-button rpv-button_scroll">To top</button>
<div class="d-flex flex-jc-sb flex-jc-c">
<div class="d-flex flex-ai-c">
<button aria-label="Previous page"
class="btn btn_secondary-light btn_size-small btn_disabled btn_only-icon"
type="button" disabled="" onclick="handlePrevPageClick()" id="prev-btn">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<g clip-path="domain_url#a)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 20.25V3.75M5.25 10.5 12 3.75l6.75 6.75"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
<button aria-label="next page"
class="btn btn_secondary-light btn_size-small ml-5 btn_only-icon"
type="button" onclick="handleNextPageClick()" id="next-btn">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<g clip-path="domain_url#a)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 3.75v16.5M5.25 13.5 12 20.25l6.75-6.75"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
<div class="ml-15 d-block">
<div class="rpv-page-navigation__current-page-input">
<form>
<input type="text"
data-testid="page-navigation__current-page-input"
aria-label="Enter a page number"
class="rpv-core__textbox" value="1">
</form>
</div>
</div>
<div class="fw-bold rpv-number-of-pages-text ml-15">of 2</div>
<div class="ml-25 d-none d-flex@sm">
<button aria-label="Zoom out"
class="btn btn_secondary-light btn_size-small btn_disabled btn_only-icon"
type="button" disabled="" id="zoom-out">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<g clip-path="domain_url#a)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M7.88 10.88h6M10.88 18.75a7.88 7.88 0 1 0 0-15.75 7.88 7.88 0 0 0 0 15.75ZM16.44 16.44 21 21"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
<button aria-label="Zoom in"
class="btn btn_secondary-light btn_size-small ml-5 btn_only-icon"
type="button" id="zoom-in">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<g clip-path="domain_url#a)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M7.88 10.88h6M10.88 7.88v6M10.88 18.75a7.88 7.88 0 1 0 0-15.75 7.88 7.88 0 0 0 0 15.75ZM16.44 16.44 21 21"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
</div>
<button aria-label="Full Screen"
class="btn btn_secondary-light btn_size-small ml-25 btn_only-icon full_screen"
type="button" onclick="openOnFullScreen()">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<g clip-path="domain_url#a)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15.75 4.5h3.75v3.75m-5.25 1.5L19.5 4.5m-11.25 15H4.5v-3.75m5.25-1.5L4.5 19.5m15-3.75v3.75h-3.75m-1.5-5.25 5.25 5.25M4.5 8.25V4.5h3.75m1.5 5.25L4.5 4.5"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
</div>
<div class="d-flex flex-ai-c rvp-wrapper-search">
<div>
<div class="rpv-core__popover-body" style="display: none">
<div class="rpv-core__arrow rpv-core__arrow--bl rpv-core__popover-body-arrow"></div>
<div id="rpv-core__popover-body-inner-search">
<div class="rpv-search__popover">
<div class="rpv-search__popover-input-counter">
<form class="rpv-search__form">
<input id="searchInput"
type="text"
class="rpv-core__textbox"
placeholder="Search in document"
autocomplete="off"/>
<div class="rpv-search__popover-counter rpv-search__popover-counter--ltr">
<span id="resultCount">0/0</span>
</div>
</form>
<div class="rpv-search__nav-wrapper">
<button aria-label="Previous"
class="btn btn_secondary-light btn_size-small rpv-search__nav-item btn_only-icon"
type="button"
id="prevButton">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<g clip-path="domain_url#a)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 20.25V3.75M5.25 10.5 12 3.75l6.75 6.75"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
<button aria-label="Next" id="nextButton" class="btn btn_secondary-light btn_size-small rpv-search__nav-item ml-5 btn_only-icon" type="button">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<g clip-path="domain_url#a)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 3.75v16.5M5.25 13.5 12 20.25l6.75-6.75"></path>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg>
</span>
</button>
</div>
</div>
<div class="rpv-search__popover-footer">
<div class="rpv-search__popover-footer-button rpv-search__popover-footer-button--ltr">
<button aria-label="Close"
id="refreshButton"
class="btn btn_secondary-light btn_size-small btn_only-icon"
type="button"
onclick="closeSearchModal()">
<span class="btn__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="m18.75 5.25-13.5 13.5M18.75 18.75 5.25 5.25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const documentId= 98160;
const toolbarRef = document.querySelector('.rpv-default-layout__toolbar')
let isToolbarForcedOpen = false;
let pageNumber = 1
const numPages = document.querySelectorAll('.react-pdf__Page').length;
// const saveDocumentDesktop = async () => {
// if (!document.getElementById("doc-template-use").classList.contains("doc-template-use")) {
// window.location = '/?redirect=login';
// return
// }
//
// document.getElementById("save-button-desktop").classList.toggle("btn_selected")
//
// try {
// await fetch(`/api/user/saved-documents/${documentId}`, settings);
// } catch (e) {
// console.log(e)
// }
// }
let screenSize = null;
const banner = document.querySelector('.unlock-banner');
function handleBannerVisibility() {
const block = document.querySelector('#document-wrapper');
const element = document.querySelector('.document-main-inner');
const pagesPreview = document.querySelectorAll('.react-pdf__Page');
const viewportHeight = window.innerHeight;
const windowScroll = window.scrollY;
if (!block || !element || !banner || pagesPreview.length === 0) return;
const distanceToTop = element.getBoundingClientRect().top;
const blockHeight = block.offsetHeight;
const visiblePercentage = (viewportHeight - distanceToTop) / blockHeight * 100;
// console.log('windowScroll', windowScroll)
// console.log('numPages', numPages)
// console.log('numPages calculate', blockHeight/numPages)
// console.log('blockHeight', blockHeight)
// console.log('visiblePercentage', visiblePercentage)
// console.log('distanceToTop', distanceToTop)
// const threshold = (screenSize >= 768) ? distanceToTop - 20 : distanceToTop + 50;
if (pagesPreview.length === 1) {
if (visiblePercentage <= 110) {
banner.style.display = "block";
} else {
banner.style.display = "none";
}
return;
}
if (windowScroll >= (blockHeight/numPages) && visiblePercentage <= 100) {
banner.style.display = "block";
} else {
banner.style.display = "none";
}
}
function setScreenSize() {
screenSize = window.innerWidth;
}
window.addEventListener('load', () => {
if (banner) handleBannerVisibility();
setScreenSize();
});
window.addEventListener('scroll', () => {
if (banner) handleBannerVisibility();
});
window.addEventListener('resize', () => {
setScreenSize();
});
const getPageNode = (page) => document.querySelector(`[data-page-number='${page}']`)
const handleNextPageClick = (value) => {
isToolbarForcedOpen = true
setTimeout(() => {isToolbarForcedOpen = false}, 3000)
handleNextPage(value)
}
const handlePrevPageClick = (value) => {
isToolbarForcedOpen = true
setTimeout(() => {isToolbarForcedOpen = false}, 3000)
handlePrevPage(value)
}
const handleNextPage = () => {
handlePageChange(pageNumber + 1)
document.querySelector('.rpv-core__textbox').value = pageNumber
checkNavButtonState()
}
const handlePrevPage = () => {
handlePageChange(pageNumber - 1)
document.querySelector('.rpv-core__textbox').value = pageNumber
checkNavButtonState()
}
const checkNavButtonState = () => {
setTimeout(() => {
if (pageNumber <= 1) {
document.getElementById('prev-btn').setAttribute("disabled", 'true')
} else {
document.getElementById('prev-btn').removeAttribute("disabled")
}
if (pageNumber >= numPages) {
document.getElementById('next-btn').setAttribute("disabled", 'true')
} else {
document.getElementById('next-btn').removeAttribute("disabled")
}
}, 50)
}
const scrollToPage = (page) => {
const divElement = getPageNode(page)
if (divElement) {
const y = parseInt(divElement.getBoundingClientRect().top + window.scrollY) - 100
window.scrollTo({top: y, behavior: 'instant'});
}
}
const changePage = (page) => {
if (page < 1) {
page = 1
}
if (page > numPages) {
page = numPages
}
pageNumber = page
}
const handlePageChange = (page) => {
changePage(page)
scrollToPage(page)
}
const openOnFullScreen = () => {
const pdfWrapperRef = document.querySelector('.document-file-view__inner-wrapper')
document.querySelector('.rpv-full-screen__exit-button').style.display='block'
toolbarRef.style.display="none"
if (pdfWrapperRef.requestFullscreen) {
pdfWrapperRef.requestFullscreen()
}
else if (pdfWrapperRef.msRequestFullscreen) {
pdfWrapperRef.msRequestFullscreen()
}
else if (pdfWrapperRef.mozRequestFullScreen) {
pdfWrapperRef.mozRequestFullScreen()
}
else if (pdfWrapperRef.webkitRequestFullScreen) {
pdfWrapperRef.webkitRequestFullScreen()
}
}
const exitFullScreen = () => {
document.querySelector('.rpv-full-screen__exit-button').style.display='none'
toolbarRef.style.display="block"
if(document.fullscreenElement) {
document.exitFullscreen();
}
setTimeout(()=> {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}, 100)
}
document.addEventListener("keydown", ({key}) => {
if (key === "Escape") {
exitFullScreen()
}
})
const handleSearchModal = () => {
document.querySelector('.rpv-core__popover-body').style.display='block'
}
const closeSearchModal = () => {
document.querySelector('.rpv-core__popover-body').style.display='none'
}
const handleScroll = () => {
document.querySelector('.rpv-core__textbox').value = 1
pageNumber = 1
checkNavButtonState()
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
function updateNavigationButtons(highlights) {
if (highlights.length > 0) {
resultCountSpan.textContent = `${currentIndex + 1}/${highlights.length}`;
highlights[currentIndex].classList.add('active');
scrollToElement(highlights[currentIndex]);
prevButton.disabled = currentIndex === 0;
nextButton.disabled = currentIndex === highlights.length - 1;
} else {
resultCountSpan.textContent = '';
currentIndex = -1;
prevButton.disabled = true;
nextButton.disabled = true;
}
}
function scrollToElement(element) {
console.log(element)
element.scrollIntoView({
behavior: 'smooth',
block: 'center',
inline: 'center'
});
}
</script>
</div>
<div class="document-page__related-wrapper">
</div>
<footer class="footer">
<div class="row">
<div class="footer__top">
<div class="footer__top-container">
<div class="footer__top-content">
<div class="footer__title">Fair Use Policy</div>
<p class="footer__description">EduBirdie considers academic integrity to be the essential part of the
learning
process and does not support any violation of the academic standards. Should you have any questions
regarding our Fair Use Policy or become aware of any violations, please do not hesitate to contact us
via
<a href="mailto:support@edubirdie.com">support@edubirdie.com</a>.</p>
</div>
<div class="footer__top-icon">
<img width="120" height="120" src="/keep-build/images/icons/footer-icon-doc.svg" alt="logo" class="footer__top-image">
</div>
</div>
</div>
</div>
<div class="footer__divider-top"></div>
<div class="row">
<div class="footer__bottom-container">
<div class="footer__list-wrapper">
<div class="footer__list-department footer__list-department__universities">
<p class="footer__title">All universities</p>
<ul class="footer__list list list_left">
<li class="data-item">
<a href="https://edubirdie.com/docs/princeton-university" class="footer__link">Princeton University</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/california-state-university-northridge" class="footer__link">California State University, Northridge</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/american-baptist-college" class="footer__link">American Baptist College</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/virginia-maryland-college-of-veterinary" class="footer__link">Virginia Maryland College of Veterinary Medicine</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/northwest-college" class="footer__link">Northwest College</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/augusta-university" class="footer__link">Augusta University</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/colorado-state-university" class="footer__link">Colorado State University</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/the-pennsylvania-state-university" class="footer__link">The Pennsylvania State University</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/university-of-pittsburgh" class="footer__link">University of Pittsburgh</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/elon-university" class="footer__link">Elon University</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/stanford-university" class="footer__link">Stanford University</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/chamberlain-university-college-of-nursi" class="footer__link">Chamberlain University: College of Nursing & Public Health</a>
</li>
</ul>
</div>
<div class="footer__list-department footer__list-department__courses">
<p class="footer__title">All courses</p>
<ul class="footer__list list ">
<li class="data-item">
<a href="https://edubirdie.com/docs/princeton-university/phy-103-general-physics-i" class="footer__link">PHY 103 | General Physics I</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/washington-state-university/chem-101-introduction-to-chemistry" class="footer__link">CHEM 101 | Introduction To Chemistry</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/american-baptist-college/cit380-computer-and-network-security" class="footer__link">CIT380 | Computer and Network Security</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/california-state-university-northridge/bus-104-introduction-to-business" class="footer__link">BUS 104 | Introduction to Business</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/california-state-university-northridge/psy-150-introduction-to-psychology" class="footer__link">PSY 150 | Introduction to Psychology</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/colorado-state-university/chem-107-fundamentals-of-chemistry-gt" class="footer__link">CHEM 107 | Fundamentals of Chemistry (GT-SC2)</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/florida-a-m-university/bsc-1010-general-biology-i" class="footer__link">BSC 1010 | General Biology I</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/northwest-college/vn-220-medical-surgical" class="footer__link">VN 220 | Medical/ Surgical</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/northwest-college/vn-310-mental-health" class="footer__link">VN 310 | Mental Health</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/stanford-university/cs229-machine-learning" class="footer__link">CS229 | Machine Learning</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/stanford-university/finance-201-managerial-finance" class="footer__link">FINANCE 201 | Managerial Finance</a>
</li>
<li class="data-item">
<a href="https://edubirdie.com/docs/stanford-university/introduction-to-mathematical-thinking" class="footer__link">Introduction to Mathematical Thinking</a>
</li>
</ul>
</div>
<div class="footer__list-contacts">
<p class="footer__title">Contact us</p>
<div class="footer-contacts">
<div class="footer-contacts__item">
<img src="/keep-build/images/icons/mail-icon.svg" alt="mail icon">
<ul class="footer-contacts__list">
<li>
<a href="mailto:support@edubirdie.com">support@edubirdie.com</a>
</li>
</ul>
</div>
<div class="footer-contacts__item">
<img src="/keep-build/images/icons/phone-icon.svg" alt="phone-icon">
<ul class="footer-contacts__list">
<li><a href="tel:+3 (595) 691 8356">+3 (595) 691 8356</a></li>
<li><a href="tel:+1 (888) 337 5415">+1 (888) 337 5415</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer__social-block">
<div class="footer__divider"></div>
<div class="footer__social-icons">
<a href="https://www.facebook.com/birdiehelp" target="_blank" class="footer__social-icon">
<img width="30" height="30" src="/keep-build/images/fb.svg" alt="Facebook">
</a>
<a href="https://youtube.com/c/EducationalTipsbyBlueBird/?hl=en" target="_blank" class="footer__social-icon">
<img width="30" height="30" src="/keep-build/images/twitter.svg" alt="Twitter">
</a>
<a href="https://www.tiktok.com/@edubirdie" target="_blank" class="footer__social-icon">
<img width="30" height="30" src="/keep-build/images/instagram.svg" alt="Instagram">
</a>
<a href="https://www.instagram.com/edubirdie/?hl=en" target="_blank" class="footer__social-icon">
<img width="30" height="30" src="/keep-build/images/linkedin.svg" alt="LinkedIn">
</a>
<a href="https://edubirdie.thinkific.com/courses/write-your-perfect-essay/?hl=en" target="_blank" class="footer__social-icon">
<img width="30" height="30" src="/keep-build/images/thinkific.svg" alt="YouTube">
</a>
</div>
<div class="footer__divider"></div>
</div>
<div class="footer__year">2024 © EduBirdie.com. All rights reserved</div>
<div class="footer__address">Edubirdie.com is owned and operated by "RADIOPLUS EXPERTS" Ltd. Louki
Akrita, 23
Bellapais Court,
Flat/Office
46 1100, Nicosia, Cyprus
</div>
<div class="footer__links-container">
<a href="https://edubirdie.com/docs/privacy" class="footer__link">Privacy Policy</a>
<div class="footer__mini-divider">|</div>
<a href="https://edubirdie.com/docs/terms" class="footer__link">Terms of Use</a>
<div class="footer__mini-divider">|</div>
<a href="/fair-use-policy" class="footer__link">Fair Use Policy</a>
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
<div id="report-modal" class="fade modal-backdrop" style="display: none"></div>
<div
role="dialog"
id="report-modal2"
aria-modal="true"
class="fade document-report-popup popup modal"
tabindex="-1"
style="display: none; padding-right: 0px"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button
type="button"
class="document-report-popup__close-button popup__close-button"
>
Close
</button>
<div class="modal-body">
<div class="document-report-popup__content">
<div class="document-report-popup__text-wrapper">
<p
class="document-report-popup__title fw-bold fz-xxxl ta-left ff-secondary"
>
Report
</p>
<p class="document-report-popup__subtitle">
Tell us what’s wrong with it:
</p>
</div>
<form id="report-form" class="document-report-popup__form">
<fieldset class="document-report-popup__fieldset">
<label class="document-report-popup__label d-flex flex-ai-c"
><input
name="reason"
class="document-report-popup__radio input_radio"
type="radio"
value="1"
id="checkbox-1"
checked
/><span class="input_radio-box d-inline-block"></span>This
document has been uploaded under the incorrect course.</label
><label class="document-report-popup__label d-flex flex-ai-c"
><input
name="reason"
class="document-report-popup__radio input_radio"
type="radio"
value="2"a
id="checkbox-2"
/><span class="input_radio-box d-inline-block"></span>The name
of the document is incorrect.</label
><label class="document-report-popup__label d-flex flex-ai-c"
><input
name="reason"
class="document-report-popup__radio input_radio"
type="radio"
value="3"
id="checkbox-3"
/><span class="input_radio-box d-inline-block"></span>The
document contains low-quality or useless content.</label
><label class="document-report-popup__label d-flex flex-ai-c"
><input
name="reason"
class="document-report-popup__radio input_radio"
type="radio"
value="4"
id="checkbox-4"
/><span class="input_radio-box d-inline-block"></span>The
document is difficult to read.</label
><label class="document-report-popup__label d-flex flex-ai-c"
><input
name="reason"
class="document-report-popup__radio input_radio"
type="radio"
value="5"
id="checkbox-5"
/><span class="input_radio-box d-inline-block"></span>There is
another reason.</label
>
</fieldset>
<div class="document-report-popup__submit">
<button
class="document-report-popup__submit-btn btn btn_primary btn_size-medium btn_should-fit-container"
type="button"
>
<span class="btn__label">Send</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="fade modal-backdrop" id="report-thank1" style="display: none;"></div>
<div
role="dialog"
aria-modal="true"
class="fade document-report-popup popup modal"
tabindex="-1"
style="display: none;"
id="report-thank2"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button
type="button"
class="document-report-popup__close-button popup__close-button"
>
Close
</button>
<div class="modal-body">
<div
class="document-report-popup__text-wrapper h-100 d-flex flex-ai-c flex-jc-c"
>
<p class="document-report-popup__title ta-center fw-bold fz-xxxl">
Thanks, got it! <br />
We will moderate it soon!
</p>
</div>
</div>
</div>
</div>
</div> <div class="landing-modal-bg" id="modal-bg"></div>
<div class="modal landing-modal" id="recommended-modal">
<div class="modal-content">
<img src="/keep-build/images/icons/modal-calendar-icon.webp" alt="Calendar Icon">
<h3>Free up your schedule!</h3>
<p>Our EduBirdie Experts Are Here for You 24/7! Just fill out a form and let us know how we can assist you.</p>
<button onclick="window.location.href='https://edubirdie.com/order?foc_o_product=5&foc_o_subject=83&cta_btn=cta_docs_recommended&utm_term=docs'" rel="nofollow" class="btn btn_yellow w-100 cta_docs_recommended">Get Help Now!</button>
<button class="close-modal" id="close-modal">×</button>
</div>
</div>
<div class="modal landing-modal" id="unlock-modal">
<div class="modal-content">
<img src="/keep-build/images/icons/unlock-icon.webp" alt="Unlock Icon">
<h3>Take 5 seconds to unlock</h3>
<p class="mb-32">Enter your email below and get instant access to your document</p>
<form id="unlockForm" action="#" method="POST">
<div class="form-group">
<input type="text" class="search-form__input" id="nameInput" placeholder="Name" required>
<div id="nameInput" class="error-label" style="display: none;">This field is required</div>
</div>
<div class="form-group">
<input type="email" class="search-form__input" id="emailInput" placeholder="example@gmail.com" required>
<div id="emailError" class="error-label" style="display: none;">Please enter a valid email address</div>
</div>
<div class="form-group">
<input type="text" class="search-form__input" id="universityInput" placeholder="University Name" required>
<div id="universityInput" class="error-label" style="display: none;">This field is required</div>
</div>
<div class="form-group" style="position:relative;">
<label class="custom-checkbox">
Are you open to sharing your study documents in the future?
<input type="checkbox" id="sharingDocs" name="sharingDocs">
<span class="checkmark"></span>
</label>
<div id="sharingDocsError" class="error-label" style="display: none; bottom: -14px;">This field is required</div>
</div>
<input type="text" id="uriInput" value="https://edubirdie.com/boston-university/met-cs-201-introduction-to-programming/98160-html-basics" hidden>
<button type="submit" class="btn btn_yellow unlock-btn w-100">Sign Up</button>
<p class="disclaimer">By clicking 'Sign Up', you agree to our <a href="/terms">Terms and Conditions</a> and <a
href="/privacy">Privacy Policy</a>.</p>
</form>
<button class="close-modal" id="close-modal">×</button>
</div>
</div>
</div>
<script src="/keep-build/564.js?173165813357140cac98b" defer></script><script src="/keep-build/362.js?1731658133571bab8b468" defer></script><script src="/keep-build/732.js?1731658133571e449d8f3" defer></script><script src="/keep-build/10.js?1731658133571056dcbac" defer></script><script src="/keep-build/898.js?1731658133571c9e49b06" defer></script><script src="/keep-build/wheel-zoom-plugin.js?1731658133571dcb68cdc" defer></script>
<script src="/keep-build/documents-single-js.js?1731658133571752fd4b0" defer></script>
<script src="/keep-build/636.js?17316581335719dbd057a" defer></script><script src="/keep-build/modal.js?1731658133571c52d6253" defer></script>
<script>
</script>
<script>
function redirectToSearch(event, formId) {
event.preventDefault();
let searchQuery = document.querySelector(`#${formId} input[name="q"]`);
if (searchQuery) {
window.location.href = 'https://edubirdie.com/docs/search?q=' + encodeURIComponent(searchQuery.value);
}
}
</script>
<script src="/keep-build/base-js.js?17316581335719c4751dc"></script>
</body>
</html>