Skip to main content

Learning XML


XML = eXtensible Markup Language

My mentor suggested I learn XML through w3school's  free online XML tutorial.  They are also a great resource for learning HTML, CSS, and JavaScript (just to name a few).

He gave me a project to work on called "Artes Latinae", where I can practice using XML.  I started working in this XML project (starting with document/chapter 15) a few days ago.  This one xml document consists of 381 short frames.  Some of these frames have jpg images and sounds, while all of the frames have text.

My To Do List: 

1.  Spelling:  Make sure that all of the text is spelled correctly for each frame in the XML document and matches up with the corresponding frame's jpg image text.  A lot of the text is in Latin, so I have to be very careful not to make a mistake.

2.  Pictures and Sounds: There are a lot of pictures that need to be copied, cropped, and uploaded, as well as sounds that need to be recorded and uploaded.  For the pictures, we are using the <picture></picture> opening/closing tags with the src attribute.  Here is an example:  <picture src="enter the photo file here to upload"></picture>.  For the sounds, we are using the open and closing <sound></sound> tags.  I do not have the sound files yet, so for now I am just leaving them as empty elements.

3.  Questions and Answers:  There are a lot of frames that ask questions as well as provide the correct answers.  We are using the <response></response> tags and at times the "ans" attribute for answer.  Here is an example:  <response ans="Auctor diēs laudat"></response>

4.  Words, Phrases, and Sentences:  There are a lot of phrases and sentences that need to be correctly marked up as well.  We are using sentence tags that look like this:  <sent lang="la"></sent>  Notice the language attribute "lang" and "la" which stands for Latin.

My next blog, I will talk about SCP (the pretty step sister to SSH 😊).


Follow me as I learn to build my website bit by bit!    IronTreeDev.com


Photo by Crew on Unsplash

Comments

  1. Great Job on your first SCP to your website, Lisa. The file is there! In case you're wondering about that xml error, here it is:
    Capit animal ? . Capit animal ? .
    The opening tag must always match the closing tag. You have a typo in the first closing tag,

    ReplyDelete

Post a Comment

Popular posts from this blog

XPATH and XPATH Expressions In XMLLINT

XPATH And XPATH Expressions Earlier, I told you about xmllint and xmllint for html files .  Let's say you just want to parse the <span> tags within your html file or just your <span lang="el"> tags? Enter:  Xpath. Xpath is yet another option available within the xmllint language. Remember, an Xpath is used to navigate through elements and attributes in xml and html documents.  Xpath uses Xpath Expressions to select nodes or node sets within a document. Example 1 .  Looking for all of the <span> tags within an html document. xmllint -- html -- xpath " // span" StedmanLesson10.html xmllint = This tells the command line that we are going to be using the xmllint language. space = because we always have space in between commands -- = Remember, these are the two hyphen-minus characters that we need to tell the command line that we are going to use an xmllint option. html = This is the xmllint option we want to ...

XMLLINT for HTML: Cleaning up the HTML Code

Getting That MESS Cleaned Up! In an earlier post, we learned about xmllint .  Today, I want to talk about cleaning up the code for an HTML file. When we have an xml file, xmllint is used.  For an html file, we use the following command in the command line: xmllint --html <filename goes here>         Here is an actual command on my command line for running xmllint for my StedmanLesson10.html file. In the photo above, you see that I start off the command with xmllint. The next thing is a space and then a --html.  The two -- are two hyphen-minus characters that are used to specify long options (Basically there are options that can be used within xmllint.  The two hyphen-minus characters are saying an option is going to be used.  In this case, that option will be html - because we are going to do an xmllint on an html file). After that you see a space and then the name of the html file I want t...

HOW Do You Make A Webpage???

WEBPAGES, WEBPAGES, WEBPAGES Many people turn on their computer, click on their browser and "WHOALA,"  a webpage appears on their screen.  Have you ever wondered how webpages are made?  How do you make a picture the size that it is, or have a word be one color and the rest of the words another color? What about font size ?  How is that done? First, let's talk about the language you need to learn to create a webpage. Enter:  HTML HTML stands for Hyper Text Markup Language .  It is the standard markup language for creating webpages, it describes the structure of a webpage, and the HTML elements tells the browser how to display its content.  What is a markup language?   A markup language is a human readable computer language that uses tags to define elements within a document. What is an HTML element ?   An HTML element usually consists of a start tag and an end tag with the content inserted in b...