html page design as a page layout in sppage2013

Please follow my below articles.

 

http://www.c-sharpcorner.com/article/steps-to-create-page-layouts-in-sharepoint-2013-using-sharepoint-designer/

 

http://www.c-sharpcorner.com/article/steps-to-create-page-layouts-in-sharepoint-2013-using-visual-studio/ 

HI khaja..

Thank you so much for suggested sites it helps me. and one more question i have that is..

I have  applied a masterpage in my sharepoint2013 site it is successfully applied but while adding a new page to the same site collection the new page is also getting masterpage body content. i dont want that i need to get only header and footer in common. how can i stop that body content inheritance. can you please help me to find the better answer.

Thank You. 

 i hope you can apply html and css to it.

https://support.office.com/en-us/article/Apply-a-custom-style-sheet-to-a-SharePoint-site-97fe83a2-b435-4f27-8747-db041d4c2d8e

https://msdn.microsoft.com/en-us/pnp_articles/use-css-to-brand-pages

http://blog.sharepointexperience.com/category/development/htmlcss/

http://techtrainingnotes.blogspot.in/2012/05/adding-javascript-and-css-to-sharepoint.html

Hope this helps you.