diff --git a/hosting/embedding-repls.md b/hosting/embedding-repls.md index 1cf531c4..3a14d2a5 100644 --- a/hosting/embedding-repls.md +++ b/hosting/embedding-repls.md @@ -42,7 +42,7 @@ The query parameter `?lite=true` produces a full preview of a repl in an embed, ## Embedding on WordPress -WordPress supports oEmbed, but will only embed content from an approved whitelist of websites. Check out the [WordPress documentation](https://wordpress.org/support/article/embeds/#adding-support-for-an-oembed-enabled-site) for instructions on adding Replit to the whitelist. Once Replit is added, a repl URL formatted as `https://replit.com/@username/repl-name` will automatically embed an interactive copy of the repl in your WordPress site. +WordPress does support oEmbed, but will only embed content from an approved whitelist of websites. Check out the [WordPress documentation](https://wordpress.org/support/article/embeds/#adding-support-for-an-oembed-enabled-site) for instructions on adding Replit to the whitelist. Once Replit is added, a repl URL formatted as `https://replit.com/@username/repl-name` will automatically embed an interactive copy of the repl in your WordPress site. ## Embedding on Medium @@ -55,9 +55,3 @@ To embed your repl on Medium, paste the repl link `https://replit.com/@username/ To embed your repl on Ghost, paste the repl link `https://replit.com/@username/repl-name` into your Ghost post. The link will automatically be converted to an interactive IDE, where you can edit and run code. ![Ghost demo](/images/repls/embed/oembed-demo.gif) - -## Editing an embedded repl - -If anyone edits an embedded repl, a fork will be created so that they edit their own copy. If the user is logged in to Replit in their browser, the forked repl will show up on their "My repls" dashboard. - -If the owner of an embedded repl edits it, those changes will be saved to the repl and become visible to others who view the embedded repl. diff --git a/hosting/using-a-database.md b/hosting/using-a-database.md index 9c88fba5..542f6306 100644 --- a/hosting/using-a-database.md +++ b/hosting/using-a-database.md @@ -436,5 +436,5 @@ connection.close() ### Summary -The SQLite database provides an intuitive table format for our data that we can easily interact with by way of queries. The fact we do not need to install or configure our database makes for an easy setup, and the ability to create multiple tables and databases means we can store our data separately while being able to merge files if needed. +The SQLite database provides an intuitive table format for our data that we can use queries to interact with. The fact we do not need to install or configure our database makes for an easy setup, and the ability to create multiple tables and databases means we can store our data separately while being able to merge files if needed. diff --git a/html/html-basic.md b/html/html-basic.md deleted file mode 100644 index 81dbbd3c..00000000 --- a/html/html-basic.md +++ /dev/null @@ -1,82 +0,0 @@ -# HTML Basic Examples - -First, let’s talk about the tools that we need to create an HTML file. The most important tool we need is an HTML editor. There are many choices on the market, but today we'll be using Replit. Replit allows us to easily create and HTML repl and host our website for free. - -To get started, [sign up](https://replit.com/signup) for a Replit account. One logged in, click `+ create` in the top left hand corner. - - -![Notepad UI Image](https://i.ibb.co/cccGq2t/Replit-HTML.jpg) - -Type in `HTML` in the template field box and select the HTML,CSS, JS template. Then type in any title for your sample webpage. For this example, we have `"My Sample HTML Webpage"`. After that, click the `+ Create Repl` button. - -Now, let's add content to your HTML file. - -## Adding Content to our HTML Body - -As mentioned above, we put our content inside the `` tag. This includes text, images, tables, forms, and everything else we see on web pages. - -**HTML Headings** - -In HTML, headings are written in the following elements: - - - `

This is the first heading

` - - `

This is the second heading

` - - `

This is the third heading

` - - `

Fourth heading

` - - `
Fifth heading
` - - `
Sixth heading
` - -As you may expect, `

` and `

` should be used for the most significant titles, while the remaining tags should be used for subheadings and less important information. - -This order is used by search engine bots to determine which content on a page is most essential. - -**HTML Paragraph** - -HTML Paragraph is defined with a `

` tag: - -

This is a sample paragraph.

-

This is another paragraph.

- -**HTML Links** - -To insert a link in HTML, we will use the `` (or anchor) tag. - - Click here to proceed to Replit. - -The `href` points to the page that will open once the link is clicked. - - **HTML Images** - -To insert an image in HTML, we will use the `` tag. - - Replit's Logo - -The source file (`src`), alternative text (`alt`), `width`, and `height` are attributes here in our `` element. - -# Create your own HTML File - -In your notepad file, type in the following line of code: - - - - Welcome! This is my webpage. - - -

This is the main heading

-

This is a subheading

-

This is a paragraph where I will discuss how I love HTML.

- Click here to learn more about HTML. -
- HTML LOGO - - - -Hit the `run` button on the upper center of your screen and you should see something like this: - -![sample output](https://i.ibb.co/8zWqvVJ/Replit-HTML-2.jpg) - -***Congratulations on your first HTML file!*** - -On our next topic, we will dive in further on different HTML tags, elements, and attributes. - -To see the sample HTML site, you can visit [here](https://my-sample-html-webpage.pauleengregana.repl.co/). diff --git a/html/html-elements.md b/html/html-elements.md deleted file mode 100644 index e49650ee..00000000 --- a/html/html-elements.md +++ /dev/null @@ -1,85 +0,0 @@ -# HTML ELEMENTS - -An HTML Element is an individual component of an HTML document. It represents the semantics or meaning. It usually contains three parts: the opening tag, the content, and the closing tag. - -Below is an example of an HTML element. - -`

This is a sample paragraph.

` - -- The `

` is the opening tag which defines that this HTML element is a paragraph. -- The `This is a sample paragraph` is the content. -- The `

` is the closing tag which denotes the end of the paragraph element. - -## Empty HTML Elements - -Not all HTML elements have a content and a closing tag. This type of HTML element is called `empty elements` or `self-closing elements`. - -A common example of an empty element is the
element which is used for a line break. Other common empty elements are ``, ``, ``, ``, `
` and many more. - -Below is an example of HTML code using empty elements. - -> `

This is a paragraph written in
two lines

` -> -> `` -> -> `` - -## Nested HTML Elements - -HTML elements can contain other elements. Placing an element inside another is called nesting. A `nested element` is called a `child element`. An HTML child element can be referred to as parent element too if other elements are nested inside. - -The next example shows other HTML elements nested inside our `

` element. - -> `

This sentence contains bold and italized words

` - -Take note that HTML nested elements should be closed in the correct order. They must be closed in the inverse order of how they were written, that means the last tag opened must be closed first. - -## Don’t Skip the Closing tag - -Some HTML elements will display correctly even if you will not put the closing tag. - -> `

This is a paragraph` -> -> `

This is another paragraph ` - -However, this is not recommended because unexpected results or errors may occur. So, never skip the closing tag! - -## HTML Case Insensitivity - -HTML tags are **not case sensitive**. It means the `

` tag and the `

` tag are just the same paragraph tag in HTML. - -However, using lowercase is recommended for both HTML tags and attributes. Typing HTML tags in lowercase will make your document more compliant for future upgrades. - -## HTML Elements Type - -HTML elements can be categorized into two: `block level` and `inline level` elements: - -- **Block-level elements** - these are elements that make up the webpage’s structure. It occupies 100% available width. These elements are automatically rendered with a line break before and after. The most commonly used block-level elements are `

`, `

` to `

`, `

`, `

`, `
    `, `