Posts

Showing posts with the label HTML

Markdown Syntax makes web page more readable, editable

Image
HTML markup is well known and Markdown Syntax is a construct to make a web page readable.  Markdown syntax is used to make it possible to write to the web using simple text.  It is a text-to-HTML tool for web authors. No need to type those angle brackets(< and >). Markdown syntax is very small and not extensive like that of HTML. It is not used to replace HTML but to make it easy to read/write/edit prose in a web page. Markdown does not need special editors. Since Markdown consists of few constructs if you need beyond them you can use HTML. One of the special constraints in using Markdown is in the case of block level elements such as 'table', 'pre', 'p' etc. In this case for using Markdown just surround block-level elements with blank lines and Markdown syntax takes care of the rest. Learn more about Markdown syntax here . While you are there click on the tab Dingus tool (written in Perl) to convert your Markdown Syntax to html syntax. ...
Post a Comment
Read more

Web page static elements using R Studio

Image
We have seen that R Studio can be used to create Web Page using the 'Shiny' package. One of the first things to do is to create web content in HTML that can be rendered n a browser. You can use a HTML wrapper function or use the individual wrapper functions of the various tags in formatting a web page. In most of the examples you can directly copy the code and paste it into the R studio console. Here is an example of how you may wrap with HTML: library(shiny) ui   HTML (" Test ") ) server shinyApp(ui=ui, server=server) This is how it gets rendered. Static_00 In the following there are few more tags that are frequently used. I will try to get all of them in future posts. Here are the tags a, h1 and br. library(shiny) ui a (href="http://hodentek.blogspot.com", h1 ("Hodentek")),                br (), a (href="http://hodentekMSSS.blogspot.com",           ...
1 comment
Read more

Nice editor to have on your phone

Image
If you want to run any of HTML,CSS and JavaScript this program is the one you should have. jsFiddle is a nice editor for running your web page and checking out each of: HTML fragment; CSS rule or the Script. More details with examples are here: http://hodentekhelp.blogspot.com/2016/09/what-is-jsfiddle.html You can access this site jsFiddle.net to bring up the online editor on your phone as shown. This one is on a Micrsoft Lumia 950. Here is the ‏editor when accessed with my phone. The next one is the same as above but enlarged with inkscape. I just entered some simple HTML fragment in the top left pane marked as HTML. Then I hit the Run button at the top and I immediately I see the response in the fourth quadrant marked as Result . The first quadrant for CSS Rules; the second for HTML and the third for JavaScript. You can enter the various parts and hit the run button to see the result in the last quadrant.
Post a Comment
Read more

Document Object Model and Intel XDK

Image
DOM stands for Document Object Model. It is what the User Agent (for example a browser) produces in memory when it encounters an HTML Document . An HTML document is really a text file with mark ups (using tags). Here is an example: <html> <head> <title>About Me</title> </head> <body> <h1>My origins</h1> </body> </html> This is a tree of elements and some text. The element looks like this: <element></element> In the html document above, the elements are: <html></html><br /><head></head><br /><title></title><br /><body></body> The <html></html> elements contains the rest of the elements.The <head></head> element has the <title></title> element The <title></title>just contains a string The <body></body> can contain many more elements.The above tree is how it would be seen by the...
Post a Comment
Read more