• Home
  • WordPress
  • web Hosting
    • Free hosting
    • Cheap Hosting
    • comparison cloud , vps, shared, wordpress
    • managed wordpress hosting
    • managed cloud hosting
  • page Speed
  • Deals
  • Services
  • About

RAaz Kumar .com

wordpress tutorials seo hosting etc


HTML & CSS Tutorials

HTML Syllabus

<!doctype HTML>

<Head> </head>
Generally, we place meta tags and external CSS in header section. Also, external JavaScript’s but placing js in header render blocks the HTMl Page.
So solution is moving JavaScript head to footer means body section.
CSS must be within head section because user may see textmode webpage for few seconds by defer loading CSS in body section.
Body section; all the content placed body section including script, image,HTML
<body> </body>

Example of simple HTMl webpage

<HTML>
<head>
</head>
<body>
<footer> </footer>
</body>

</HTML>

  1. Paragraphs <p> we can write anything between these paragraph tags</p>,
  2. Decorations bold <b>text to bold </b>  or we use <strong>  </strong>
for italic <I> </I> or <em>  </em>  underline <u> </u> for strike  <strike> </strike> <big> </big> is used some bigger text among those.
Blink use for blinking text.

Links:

<a href=” link URL “> hypertext </a>

Rel_no follow tells search engine to no follow the link to prevent link juice external or internal web page.

target_blank opens link in new tab
Target_self open links same window no need to add this.
Target_new window opens in a separate window.
Linking to an email addresses example:
Mailto: youtemail@yourwebsite.com
Pop-up links used with JavaScript. You can know plain js tutorial.

Headings: these headings are H1 to H6 normally, generally we h1 to h3 only because h4 to h6 looks smaller than Normal text in paragraph.
For Seo & headings search engines pays more attention for headings.
generally in a only 1, H1 tag, 2-3 h2 tags, h3 tags upto 5 is maybe better for both users and search bots.

Ex: <h1> this heading 1</h1>

Color:  we can apply this attribute any text ex: h1 or paragraph

<h1 color=” blue”> blue color text</h1>

<br/> jump break diving paragraphs.
<hr/> horizontal line we can insert it anytime

Images:  <IMG src=”location of image or web address “>
Alt tag to image alt=”what image about”
Searcgengines can’t read images so they use alt tag,
If you used alt most beautiful woman for a ugly man then search engines display your ugly photo beautiful woman search term.
Deceptive alt tags one of spam indicator to Google.
Image title title= “image name”
Image caption displays below the image
Image description: we may add description if image below it.
Image linking:  image instead of anchor text <a href=”http://www.Google.com”> <IMG src=”location of image or web address “> </a>

” double inverted commas or single inverted comma’s ‘ single inverted comma’s use less CPU resources in server.
Html visual composer can do this above all things we don’t need to add tags separately,
Blogger and WordPress post editors can handle this.
For WordPress TinyMCE advanced plugin necessary for headings, inserting tables, horizontal lines etc..

Tables and forms are most useful

How to create tables in HTMl

<tr> table row </tr>
<td> table data we have written in tables</td>
table colum

<table> </table> all the data between these two tags only

Email forms
Contacts forms

CSS

CSS stands for cascading style sheet,

CSS customizes the HTML. Adds colors
Styling text. Layout style widths etc…

Means its loads on priority by inline , internal after external.

Inline css: combine of Html and css in a line,
Internal: separate Html and Css but in a same page.
External CSS; Css loads from external webpage or source.

Benefits by separating css from HTML

Clean code,
Easy to read understand make changes
Helps to other developer.

Comments

<!– this is a comment –>
It will ignore by the browser.

HTML executed in a browser.

selector property value

Selector { property=”value”}

Ex:
H1 {font size=”20px”; decoration=underline }

P {align=”left”}

IMG {default heigh= 150px; width=120px;}

Media queries

Related topics:

  1. Free Blogger tutorials blogspot platform beginners to advanced
  2. tutorials
  3. mysql workbench tutorials (Sql Development , modelling, server admin export & import)
  4. Blogspot blogger seo Basic Optimization tips
  5. How to create/add xml html sitemap for blogger

tutorials

  • Vivek Bindra Videos Transcription (business strategy)
  • git commands
  • new relic php agent install in 3 steps
  • new relic mysql install integration - 2 ways fix problems
  • new relic installation linux (infrastructure agent , php, mysql , nginx)
  • xampp tutorials 2021 installation errors fix wordpress phpmyadmin mysql apache
  • Redis performance metrics & tuning for nginx apache ubuntu & debian
  • Devops course Syllabus topics PDF AWS, Azure, cisco, redhat
  • CCNA Syllabus pdf (CCNA / CCNP vs devops vs mcsa /MCSE)
  • how to create a website free of cost on google
  • what is vpn vs proxy vs tor, http vs https, http2, tcp vs udp, kali linux sql source code injection
  • nginx server tutorials (installation, configuration, performance tuning, security)
  • MySQL Tutorial (create,connect database, update tables, export etc) Documentation & TIPS
  • AUdio Editing Background Noise removal (Audacity, Adobe Premiere Addition, Camtasia Filmora Windows Obs)
  • Android Studio tutorials syllabus Topics Course details #AndroidApplicationDevelopment
  • [INTRO] Ethical hacking / cyber Security / Penetration testing Tutorial -{updates frequently}
  • redis install ubuntu 20.04 with wordpress php redis mysql configuration
  • ubuntu tutorials installation download issues etc
  • Php tutorials
  • HTML & CSS Tutorials
  • Core Java Tutorial Free online
  • Linux sysadmin tutorials linux system administrator
  • apache server tutorial (install,config, performance tuning, security, error handling)

 

 

wordpress Pagespeed optimization

Digitalocean free $100 Credit

Cloudways Review pricing promo codes

Siteground cpu limits Pricing

Shared Hosting

Managed wordpress Hosting

Managed Hosting Cloud server

VPS Hosting

Cloud Hosting – Unmanaged

Google cloud Pricing

Aws Pricing

Azure pricing

nginx server tutorials

apache server tutorials

linux sysadmin tutorials

mysql Commands list pdf

LEMP Install Ubuntu

Mysql Performance Tuning

Nginx Performance tuning

Linux Performance tuning

Php -fpm performance tuning

Redis Performance tuning

linux server security

nginx security best practices

wordpress security plugins

 

 

wordpress

 

Top 5  WP Google Analytics Plugins

WP Backup Plugins

Wp Comment Plugins

Top wordpress Security Plugins

WP Seo Plugins

WP Caching Plugins

Best Adsense Plugins for WordPress

Wp social Sharing Plugins

autoshare social media plugins

WP speed Optimization Plugins

Speedup WordPress google Score

More Wp tuts

Server Admin Cloud

 

Installing Nginx LEMP On ubuntu

Installing apache Lamp ubuntu

nginx fastcgi cache enable

php – fpm install  & Configuration

Opcache install & Configure

php -fpm pool manager explained

Mysql Install & Configuration

Redis Object cache install & configure

 

Nginx as Reverse Proxy and Load balancer

Load Balance / auto scaling in google cloud

Linux Commands PDF

Mysql Commands Pdf

Letsencrypt tutorial

mysqldump export & import 

Pagespeed Module install & configure

nginx.conf best file

mysql.conf best file

upgrade ubuntu

© 2023 - All Rights Reserved Disclaimer & Privacy Policy