Saturday, November 19, 2016

HTML Block-level Elements

Elements in HTML are either block-level or inline. A block-level element occupies the entire space of its parent element (container), thereby creating a block. Browsers typically display the block-level element with a newline both before and after the element. You can visualize them as a stack of boxes. Refer to the following link for more information.


<address>         Contact information.
<blockquote> Long ("block") quotation.
<dd>         Definition description.
<div> Document division.
<dl> Definition list.
<fieldset> Field set label.
<form> Input form.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Heading levels 1-6.
<hr> Horizontal rule (dividing line).
<li> List item.
<main> Contains the central content unique to this document.
<nav> Contains navigation links.
<noscript> Content to use if scripting is not supported or turned off.
<ol> Ordered list.
<p> Paragraph.
<pre> Preformatted text.
<q> Short quote.
<table> Table.
<tfoot> Table footer.
<ul> Unordered list.


HTML 5 Block-level elements.

<article> Article content.
<aside> Aside content.
<canvas> Drawing canvas.
<figcaption> Figure caption.
<figure> Groups media content with a caption.
<footer> Section or page footer.
<header> Section or page header.
<hgroup> Groups header information.
<output> Form output.
<section> Section of a webpage
<video> Video player.


Video player.

Wednesday, November 16, 2016

HTML Web Server for Angular Research/Study

My recommendation is to use the http-server module of Node.js. Node.js is available cross-platform and can be installed fromhttp://nodejs.org/Once Node.js is installed, installing the http-server module and running the http server are easy. Open the command line and type the following command:

npm install http-server –g

This installs the HTTP server at the global level. To run the server, just navigate to the folder where the app code resides, or open the folder from where we want to serve static files, and type this:

http-server

You will have an HTTP server running at http://localhost:8080 that can serve files from the current directory.

To run the server on port 80 so you don't have to append the port every time you start the server type this:

sudo http-server -p 80

You will not have an HTTP server running on http://localhost that can serve files from the current directory. Note we used sudo in the case above as most systems wouldn't allow you to work with port 80. You'll need to be in the sudoers file to be able to access sudo.


The http-server module does support some startup configurations. Check the documentation at https://github.com/nodeapps/http-server.


Tuesday, November 15, 2016

Diff Files in Visual Studio

You can invoke devenv.exe /diff list1.txt list2.txt from the command prompt or, if a Visual Studio instance is already running, you can type Tools.DiffFiles in the Command window, with a handy file name completion:
Using Tools.DiffFiles from Visual Studio Command window

Entire article is on StackOverflow
http://stackoverflow.com/questions/13752998/compare-two-files-in-visual-studio-2012



7
Does this diff tool provide any useful feature like copy to left, copy to right, etc? When I diff working copy with the server version I sometimes wish to undo some of the changes and has to do manual copy pasting. – Samuel Feb 12 '14 at 10:24
54
Why is this feature hidden from the VS UI ? This is the easiest and effective way of comparing two files... – eka808 Feb 14 '14 at 15:23
4
If your path has spaces, you can wrap either the entire path or just the part part with spaces in quotes. – pennstatephil Jun 24 '14 at 15:16
40
For those of you who are new to Visual Studio the Command Window can be opened by going to: View > Other Windows > Command Window (VS Pro 2013) or with CTRL+ALT+A – Cleanshooter Jun 26 '14 at 13:30
12
such a shame VS doesn't have a menu item for this very basic functionality. many IDE's/ editors do. – dewdSep 16 '14 at 9:09