# data[].attributes.body
https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/~ Lynch/AboutMe.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/~ Lynch/contactme.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/~ Lynch/PersonWebsite.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/A/Thingy.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Alex/Thingagain.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Alex/Thinganothertime.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Alex/Thingy.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/C/thing1.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/C/Website666.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/C/Website666.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Cosmo/thing1.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Cosmo/Website666.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/E/personwebsite2html.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Ermani/PersonWebsite.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Ermani/personwebsite2html.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/fortnite.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/M/website247.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/M/website247.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Malik/website247.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/PersonWebsite.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/R/obama.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Ryan/hi.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Ryan/jhjujhj.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Ryan/obama.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/Ryan/RyanSuperSilly2.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/batman.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/mrchuck.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/mrchucksilly.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/test.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/test2.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/test3.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/test4.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/test websites/test5.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/Thanos/SoYouPressedTheButton.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/Thanos/thanos.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/Thanos/ThanosExample.html

# data[].attributes.attachment_link.description
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

# data[].attributes.attachment_link.description
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

# data[].attributes.attachment_link.description
HTML Marquee Image Example - HTML tag is a container tag and use to create a scrolling image - Marquee image in HTML.

# data[].attributes.attachment_link.description
If you click the save button, your code will be saved, and you get an URL you can share with others.

# data[].attributes.body
Step one: make sure you have the steps from Tuesday done -->> they're over to the right here titled "thigns to do tooodayyy"

Step two: make your last image a contact card like this example: https://www.w3schools.com/howto/howto_css_cards.asp

Step three: create and embed a Google Form to the right side of your site in the "Aside sections"
Insturctions: http://cslynch42.wixsite.com/technology/justfortoday

Step four: make sure  you save everything back to your folder on the computer and upload your .html file here: https://drive.google.com/drive/folders/1wm83d_gE6kkMJHkuwyvNJyNLqH26CKHe?usp=sharing

# data[].attributes.headline
Tuesdays Progress on our Historical Figures.

# data[].attributes.subject
Tuesdays Progress on our Historical Figures.

# data[].attributes.body
https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/A/Thingy.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/C/Website666.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/E/personwebsite2html.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/fortnite.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/M/website247.html

https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/R/obama.html

Teacher Working Example: https://mx23pqflwbvhnh69w0qtbg-on.drv.tw/~~webdesign/~ Lynch/PersonWebsite.html

# data[].attributes.headline
Older information from first session as reference links.

# data[].attributes.subject
Older information from first session as reference links.

# data[].attributes.body
https://bnmwlnwpay92fyxwme2kqa-on.drv.tw/Websites/Qwerty meme.html

https://bnmwlnwpay92fyxwme2kqa-on.drv.tw/Websites/Qwertyuiopasdfghjklzxcvbnm definition.html

https://bnmwlnwpay92fyxwme2kqa-on.drv.tw/Websites/SuperSilly.html

# data[].attributes.attachment_link.description
We wish you the best of luck with your entry for the ExoMars Rover Name Competition! The competition closes on 1st November 2018. The winne

# data[].attributes.attachment_link.description
Downloadable CSS flexbox templates. Use these templates to provide the layout for your website, then fill in the blanks.

# data[].attributes.attachment_link.readable_text
Links are found in nearly all web pages. Links allow users to click their way from page to page.

HTML Links - Hyperlinks

HTML links are hyperlinks.

You can click on a link and jump to another document.

When you move the mouse over a link, the mouse arrow will turn into a little hand.

Note: A link does not have to be text. A link can be an image or any other HTML element!

HTML Links - Syntax

The HTML <a> tag defines a hyperlink. It has the following syntax:

The most important attribute of the <a> element is the href attribute, which indicates the link's destination.

The link text is the part that will be visible to the reader.

Clicking on the link text, will send the reader to the specified URL address.

By default, links will appear as follows in all browsers:

An unvisited link is underlined and blue

A visited link is underlined and purple

An active link is underlined and red

Tip: Links can of course be styled with CSS, to get another look!

HTML Links - The target Attribute

By default, the linked page will be displayed in the current browser window. To change this, you must specify another target for the link.

The target attribute specifies where to open the linked document.

The target attribute can have one of the following values:

_self - Default. Opens the document in the same window/tab as it was clicked

_blank - Opens the document in a new window or tab

_parent - Opens the document in the parent frame

_top - Opens the document in the full body of the window

Example

Use target="_blank" to open the linked document in a new browser window or tab:

Try it Yourself "

Absolute URLs vs. Relative URLs

Both examples above are using an absolute URL (a full web address) in the href attribute.

A local link (a link to a page within the same website) is specified with a relative URL (without the "https://www" part):

Example

<h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>

Try it Yourself "

HTML Links - Use an Image as a Link

To use an image as a link, just put the <img> tag inside the<a> tag:

Link to an Email Address

Use mailto: inside the href attribute to create a link that opens the user's email program (to let them send a new email):

Button as a Link

To use an HTML button as a link, you have to add some JavaScript code.

JavaScript allows you to specify what happens at certain events, such as a click of a button:

Example

Try it Yourself "

Link Titles

The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.

Example

Try it Yourself "

More on Absolute URLs and Relative URLs

Example

Link to a page located in the html folder on the current web site:

Try it Yourself "

Example

Link to a page located in the same folder as the current page:

Try it Yourself "

Chapter Summary

Use the <a> element to define a link

Use the href attribute to define the link address

Use the target attribute to define where to open the linked document

Use the <img> element (inside <a>) to use an image as a link

Use the mailto: scheme inside the href attribute to create a link that opens the user's email program

HTML Link Tags

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.body
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap

# data[].attributes.attachment_link.keywords[]
create a website layout with flexbox example 1

# data[].attributes.attachment_link.title
create a website layout with flexbox example 1 (Interactive Example)

# data[].attributes.attachment_link.description
Edit and preview HTML code with this online HTML viewer. create a website layout with flexbox example 1.

# data[].attributes.attachment_link.description
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

# data[].attributes.attachment_link.description
If you click the save button, your code will be saved, and you get an URL you can share with others.

# data[].attributes.attachment_link.description
Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends.

# data[].attributes.body
padding: 20px;

# data[].attributes.attachment_link.description
Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends.

# data[].attributes.body
https://www.codecademy.com/courses/make-a-website/lessons/boundaries-space/exercises/create-border?action=resume_content_item

# data[].attributes.attachment_link.description
Web colors are colors used in displaying web pages, and the methods for describing and specifying those colors. Colors may be specified as an RGB triplet or in hexadecimal format (a hex triplet) or according to their common English names in some cases. A color tool or other graphics software is often used to generate color values.

# data[].attributes.attachment_link.description
Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends.

# data[].attributes.body
how to change the color of text

# data[].attributes.attachment_link.title
<marquee>: The Marquee element - HTML | MDN

# data[].attributes.attachment_link.description
The <marquee> HTML element is used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.

# data[].attributes.attachment_link.description
Great for picnics and barbecues, these handy tools make it easy to hold a piping-hot ear of corn without risking burned or buttery fingers. * Sharp stainless-steel prongs hold corncobs securely. * Handles are molded in the shape of freshly h...

# data[].attributes.body
I speak only English, and a little Spanish. Also computer speak.

# data[].attributes.attachment_link.title
Oregon Trail, The : MECC : Free Borrow & Streaming : Internet Archive

# data[].attributes.attachment_link.description
The Oregon Trail is a series of strategy computer games. The first game was originally developed by Don Rawitsch, Bill Heinemann, and Paul Dillenberger in 1971...

# data[].attributes.body
blah blah blah

blah

blah

blah

blah

blah