Skip to main content

Posts

Showing posts from September, 2021

Forth day of fullstack development -> HTML table/Form.

HTML Table 1.<table></table> -> the table element to create table. 2.<tr> </tr> ->  tr is a table row, where table define in rows and coloumn. 3.<th></th> -> Th is the table heading tag which defines the heading of the table. 4.<td></td> -> td is the data tag, use to give data in table. 5.<thead></thead> ->Th is the table heading tag which defines the heading of the table. 6.<tbody></tbody> -> tbody is just define that table main contain is started from here. 7.<colspan> </colspan> -> It merges the 2 column and make it one. < tr >      < th  cols...

Third day of full stack developer -> Semantic Generic Element/ Emmet tool

Semantic Generic Element <Main> </Main> <nav> </nav> <Section> </Section. <article> </article> <aside></aside> <header></header> <footer></footer> <figure></figure> <data></data> These all are the generic element used in place of div and they give perfect readability to a code. Emmet tool Short cut for HTML and CSS in Emmet tool, and pre-install in vs-code. And to download the Emmet tool click the link   https://emmet.io/ 1. Child:  > You can use  >  operator to nest elements inside each other: div >ul>li 2.  Sibling:  + Use  +  operator to place elements near each other, on the same level: div +p+bq 3.  Multiplication:  * With  *  operator, you can define how many times element should be outputted: ul>li*5 4. Grouping:  () Parenthesises are used by Emmets’ power users for grouping subtrees in comple...

Second day of Full stack development --> HTML 5

 HTML 5 there are 2 types of elements: 1. Inline:- Inline elements fit in alongside other elements. ( does not take space b/w element) 2. outline:- Block-level elements take up a whole "block" of space. (takes its space as a block b/w element) both roles are the same to give HTML structure to proficient CSS. <div> :- content division element, generic element and it is block-level element. <span>:- also a generic element, and it is an inline element.\ <hr>:-  just give horizontal line. <br>: break line. Entity code:- this is pre-define code used to use those characters that is not available in the keyboard or used as HTML syntax. it starts from &and by ; ex:- &spades; Redirect to entity HTML code. https://www.compart.com/

First day with Full stack development --> HTML MDN Source

HTML I am using the visual studio code. customize the vs code:- open the settings (Ctrl +,) or just click on setting.  1. The syntaax of HTML is --> .html  (blogger.html). use this source URL for learning the HTML--> MDN Source. https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML Boilerplate --> To get the basic the html structure in vs code use shortcut, type ! and click on tab button and file should be saved. -->To search the all shortcut of vscode:- (Ctrl+shift+P). -->To format the HTML code in a format (shift+alt+F). Html Tags:- List tag <ul>used as the unordered list *,*,*</ul>  <ol>used as the ordered list like 1,2,3,4</ol> <li> gives data in list</li> Anchor tag < a   href = "https://www.google.com" > Google </ a > --> redirect to web page.  <a href="about.html">about</a>--> redirect to file. Image tag     <img src = "https://upload.wikimedia...

Git Command's

  CMD GIT Command:- Tell Who you are to GIT git config -global user.name "mukul" git config -global user.email "guptamukul806@gmail.com" Push the code cd Foldername   --> to jump into a folder. cd.. --> move out of folder git init --> initialize the code to git repository. git add* --> add code to statging git status --> check the status of file in code. git add<filename> --> add individual file in staging  git commit -m "commit message"--> all code is commit to git. git remote add origin <server link>--> form the git connection to git hub server. git push origin master--> code is pushed, if using first time then it will ask credential, the master is a branch name. ------------------------------------------------------ Pull the Code  git clone <serverlink>  --> when first time user pull the code. git pull origin master--> pull the code from git hub, and master is a branch name. ----------------------------...