2334242xiao's avatar

2334242xiao

HIYATUS U•ェ•*U
5.9K
Watchers
108 Deviations
120.4K
Pageviews
Good day! Today I'll be talking about editing comments.
Using DA, you might as well be commenting, whether you're replying or commenting on a piece you like. 

A. Basic HTML Syntax 


Today I'm going to be teaching you one of the most basic of comment editing. 

The language used is HTML (Hypertext Markup Language) is a language developed by Tim-Berners Lee for the web in the 1900's.

It is most noted for it's use of tags or the less and greater than symbols bunched up together like this:

1 by 2334242xiao

The tag opens with a <contents> and is closed with a "/" before the name of the tag and after the less than symbol. </contents>

Sometimes we have tags that close themselves. They are called empty elements.
  
2 by 2334242xiao

They close themselves like this: <content/> 



B. Formatting types


There are two types of formatting you should know if you want to edit your comments correctly! However, we will be mainly focusing on the Physical tags. 

A. Physical Formatting-  this type is only concerned with the 'outer appearance of the text. It means that there is no hidden meaning behind the tag, it's literally just to alter the appearance. 

B. Logical Formatting- This type has hidden meaning in the tags and means more than just to alter the look of the text. 
ex:

< em > tag = emphasis. It may look like < i > (italic) but it is a different tag and tells the browser that this text is important.




C.Tags that work with DA


1. All headings tag work with DA:
3 by 2334242xiao

*note that you must end it with a closing tag ex:
< h1> and </ h1>



2. The classic physical tags:

4 by 2334242xiao

for some reason < big> tag doesn't seem to have any effect on the comments...


3. The typewriter format

5 by 2334242xiao



4. Machine code format-

6 by 2334242xiao



5. Special formatting:

7 by 2334242xiao
B. Unordered List - adds a list without sequence or pattern. 

< ul> - defines the start of an unordered list
< li> </ li>- denotes an item in the list
</ ul> closes the list

Example: 
8 by 2334242xiao

*Note: I know for one that there are two more lists: the < ol> and the < dl> list but they don't seem to work well in DA. 

 

D. Special Entities


So have you ever saw anything like this?



the coding equivalent of this would be: 

&spades; &spades; &spades; &spades; &spades

or like this

♥ ♦

code equivalent:

&hearts; &diams;


These are called entities and are a kind of symbol in html. 
Syntax is it starts with an ampersand (&) and ends with a terminator ( ; ) semicolon. 

Some symbols like: 
⚘ ⚘ ⚘ 
has no name such as &flower; so instead we write a number equivalent. So the coding equivalent of this flower entity is 

&9880; or &2698; 

Note: You don't need to memorize this, just jut down the important ones, you can always research this equivalent or simply copy paste the entity itself. 





E. Adding links


There are three types of links that is common to anyone learning HTML. 
a.) Internal Link - link found inside the domain of the website; on the website itself. 
b.) Local Link- found in the client's computer. 
c.) External Link- found outside the website domain.

But we will focus on the internal and the external links. 

10 by 2334242xiao

You can link anything using the anchor tag < a>
with the hypertext refence attribute < a href>
the value will be in case in quotations (" ") and will be the link to that page. 





This took me a while to write and I hope it will help you make the comments section livelier. I strive to learn more about DA's use of HTML and will be studying on that more. 






Join the community to add your comment. Already a deviant? Log In
Featured

Ultimate comment making GUIDE (HTML) by 2334242xiao, journal