Doreen Learns To Code

A complete XML tutorial for students—clear, structured, and packed with practical examples—right here.   You’ll get what XML is, why it matters, core syntax rules, real‑world examples, and hands‑on practice. --- 🧩 What XML Is (In One Line) XML (eXtensible Markup Language) is a structured text format used to store and transport data in a human‑readable way. --- 📘 Why Students Should Learn XML - Forms the backbone of many technologies (Android apps, web services, configuration files). - Used in APIs, databases, office documents (Word, Excel), and more. - Helps students understand structured data and markup languages. --- 🧱 Core XML Concepts 1. Elements Elements are the building blocks. `xml <student>     <name>Alex</name>     <age>20</age> </student> ` 2. Attributes Attributes add extra information to elements. `xml <student id="101">     <name>Alex</name> </student> ` 3. Nesting Element...

XML editors are specialized tools for creating, editing, validating, and formatting XML documents, available both online and as desktop applications. Online XML Editors 1. JSONFormatter XML Editor This browser-based editor allows you to edit, format, and share XML data easily. It supports tree view visualization, beautification, and conversion between XML and CSV. Users can edit XML directly or via URL linking, and no login is required for basic use, though saving privately requires an account. It works across Windows, Mac, Linux, and major browsers like Chrome, Firefox, Safari, and Edge  . 2. OpenFormatter XML Editor A free, browser-based editor designed for iterative editing. You can paste XML documents, modify elements and attributes inline, and validate them with a single click. It supports large files, up to 5 MB, and ensures privacy since all parsing occurs locally in the browser. Features include syntax highlighting, undo/redo, and customizable formatting options like spaces...

<br /> <div align="center"> <span style="font-size: large;"><b> <a href="">Previous</a> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;   <a href="http://www.novemberwest.com/">Next</a></b></span></div> The above code looks like this when rendered: Previous         Next Except the links would be pink on the site in question. They are green here because links are green here. I originally had like three or four links in the footer, like Start | Previous | Next | Last . I've spent a lot of years figuring out how to make sleek and comprehensive navigation for my comic and this is at least my fourth iteration on trying to comic. I'm happy now with navigation. Navigation in the comicking world is inconsistent and frequently aggravating and I wanted a not clunky navigation interface and that's a problem I've been working on solving for a l...

blockquote{      width: 75%;   margin: 50px auto;   font-family: Open Sans;     color: #000000;   padding: 1.2em 30px 1.2em 75px;   border-left: 7px solid #999999 ;   line-height: 1.6;   position: relative;   background:#D3D3D3; } blockquote::before{   font-family:Arial;   content: "\201C";   color:#333333;   font-size:2em;   position: absolute;   left: 10px;   top:-10px; } Black= #000000 White= #FFFFFF Off-white= #FFFFF0 Shades of grey include #333333, #666666, #999999 blockquote{   font-size: 1.4em;   width:70%;   margin:50px auto;   font-family:Open Sans;   font-style:italic;     padding:1.2em 30px 1.2em 75px;   border-left:8px solid #000000 ;   line-height:1.6;   position: relative;   background:#fffff0; } blockquote{   font-size: 1.4em;   width:70%;   margin:50px auto;   font-family:Open Sans;   font-style:...

<div><br></div><div><br></div><div align="center"><b><a href="">&lt;</a>&nbsp;------- <a href="">&gt;</a></b></div><div><br></div>

blockquote{   font-size: 1.4em;   width:70%;   margin:50px auto;   font-family:Open Sans;   font-style:italic;     padding:1.2em 30px 1.2em 75px;   border-left:8px solid #FFFFF0;   line-height:1.6;   position: relative;   background:#333333; } blockquote{      width: 75%;   margin: 50px auto;   font-family: Open Sans;     color: #000000;   padding: 1.2em 30px 1.2em 75px;   border-left: 7px solid #000000 ;   line-height: 1.6;   position: relative;   background:#ffffff; } blockquote::before{   font-family:Arial;   content: "\201C";   color:#000000;   font-size:2em;   position: absolute;   left: 10px;   top:-10px; } hr {   border: 1px solid #f44c83;   width: 60%;  }

My goals have changed substantially since this site started. I started it with a goal of learning to code  and I was trying to come up with a project , such as an open source city building game .  I also kept having Python recommended to me as a good first language to use and I no longer recall some of the things I was told that made me think that was reasonable and potentially a good place to start. I mention it in case someone reads this blog and has nebulous "learn to program" goals like I had.  So for the original incarnation of this blog, I copied the following curriculum and I made a page with rambly notes.  Lambda School Summer Hackers Curriculum In Lambda's summer program you'll learn full-stack web development. We'll take you from building user interfaces to designing database schema. By the end of the course you'll be able to build your own professional quality applications.     WEEKS 1 - 5 Web Foundations - HTML, CSS , JavaScript, Git, and UI P...