#HTMLcode | Explore Tumblr posts and blogs

arshikasingh · 8 months ago

Text

Basic HTML Interview Questions

Following are the basic interview questions that you must know:

What is HTML?

What are Tags?

Do all HTML tags have an end tag?

What is formatting in HTML?

How many types of heading does an HTML contain?

How to create a hyperlink in HTML?

Which HTML tag is used to display the data in the tabular form?

What are some common lists that are used when designing a page?

What is the difference between HTML elements and tags?

What is semantic HTML?

3 notes · View notes

doccywhomst · 2 months ago

Text

coding got me saying shit like “target the child” “assign its class” “override its inheritance” like the third wife of a dying oil baron discovering his of-age son born out of wedlock

#like this .child boutta be {display:none; visibility: hidden} lmao #htmlcoding #html css #coding

42K notes · View notes

msrlunatj · 3 months ago

Text

Introducción a HTML: El Lenguaje de Marcado del Web

Introducción

HTML (HyperText Markup Language) es el lenguaje fundamental para la creación de páginas web. Es la base sobre la cual se construyen los sitios web y define la estructura de su contenido. Si estás interesado en aprender a programar para la web, HTML es el primer paso esencial. En este blog, te ofreceré una introducción a HTML, cubriendo los conceptos básicos, cómo empezar a escribir código HTML y algunos consejos para seguir aprendiendo.

1. ¿Qué es HTML?

HTML es un lenguaje de marcado utilizado para crear la estructura de las páginas web. A diferencia de los lenguajes de programación tradicionales, HTML no se utiliza para realizar cálculos o lógica, sino para definir el contenido y la organización de una página web.

a) Características Principales de HTML:

Lenguaje de Marcado: HTML utiliza "etiquetas" (tags) para definir elementos dentro de una página web.

Estructura Semántica: HTML permite organizar el contenido de manera que tenga un significado claro tanto para los navegadores como para los motores de búsqueda.

Base del Desarrollo Web: HTML es el primer paso para crear sitios web, antes de añadir estilos con CSS o interactividad con JavaScript.

2. Estructura Básica de un Documento HTML

Todo documento HTML tiene una estructura básica que incluye algunas etiquetas fundamentales. Aquí te muestro cómo luce:

a) Explicación de la Estructura:

<!DOCTYPE html>: Indica al navegador que este es un documento HTML5.

<html>: La etiqueta raíz que engloba todo el contenido de la página.

<head>: Contiene meta-información sobre la página, como el título y la codificación de caracteres.

<title>: Define el título que se mostrará en la pestaña del navegador.

<body>: Contiene el contenido visible de la página, como texto, imágenes, enlaces, etc.

3. Etiquetas Comunes en HTML

HTML tiene una gran variedad de etiquetas que se utilizan para diferentes propósitos. Aquí te presento algunas de las más comunes:

a) Etiquetas de Texto:

<h1> a <h6>: Etiquetas de encabezado que definen títulos de diferentes niveles.

: Define un párrafo de texto.

<a>: Crea un enlace a otra página o recurso.

b) Etiquetas de Imágenes y Listas:

<img>: Inserta una imagen en la página.

<ul> y <li>: Crea una lista desordenada (bullets).

<ol> y <li>: Crea una lista ordenada (numerada).

4. Cómo Empezar a Escribir Código HTML

a) Herramientas Necesarias:

Editor de Texto: Puedes escribir HTML en cualquier editor de texto, pero algunos recomendados son:

VS Code: Un editor ligero y popular, con soporte para HTML y otras tecnologías web.

Sublime Text: Un editor rápido y eficiente con numerosas funcionalidades.

Notepad++: Simple y fácil de usar, ideal para principiantes.

b) Guardar y Visualizar Tu Página:

Guarda tu archivo con la extensión .html (por ejemplo, index.html).

Abre el archivo en un navegador web para ver cómo se visualiza tu código HTML.

5. Primer Proyecto: Creando Tu Propia Página Web

Una excelente manera de practicar HTML es creando una pequeña página web personal. A continuación, te guiaré a través de un ejemplo simple.

a) Código de Ejemplo:

b) Cómo Funciona:

Encabezado: Incluye el título de la página y una barra de navegación.

Secciones: "Sobre Mí" y "Proyectos" permiten organizar el contenido de forma clara.

Pie de Página: Incluye información de contacto y enlaces útiles.

6. Recursos para Aprender Más

Documentación Oficial de HTML: La documentación de Mozilla (MDN) es un excelente recurso para aprender HTML en profundidad.

Tutoriales y Cursos en Línea:

W3Schools: Un sitio web con tutoriales interactivos de HTML.

Desarrolloweb.com: Ofrece artículos y guías detalladas en español sobre HTML y otros lenguajes web.

CódigoFacilito: Cursos gratuitos en español para aprender HTML y desarrollo web.

Libros Recomendados:

“HTML y CSS: Diseño y construcción de páginas web” de Jon Duckett: Un excelente libro para principiantes que desean aprender HTML y CSS desde cero.

Conclusión

HTML es el lenguaje de marcado fundamental para la creación de páginas web. Aunque es simple de aprender, es poderoso cuando se combina con otros lenguajes como CSS y JavaScript. Comienza por dominar los conceptos básicos, practica construyendo tus propias páginas web, y continúa explorando el vasto mundo del desarrollo web.

#HTML #programacionweb #desarrolloweb #aprendeHTML #coding #webdevelopment #principiantes #tutorialesHTML #etiquetasHTML #webdesign #HTML5 #desarrolladoresweb #codinglife #aprendiendoaprogramar #lenguajesweb #webbasics #HTMLparaPrincipiantes #HTMLcode #HTMLtutorial

0 notes

brandngraves · 1 year ago

Text

In a digital landscape where responsiveness and user-friendliness are paramount, this transformation is the key to unlocking the full potential of your website. By seamlessly transitioning from static HTML to dynamic WordPress, you gain the power to adapt your content to any screen size or device, ensuring a consistently impressive user experience. In this guide, we will delve into the intricacies of the HTML to WordPress conversion process, highlighting best practices for creating a highly responsive web platform that caters to the ever-evolving needs of your audience. So, if you're looking to elevate your website's performance while maintaining an HTML to WordPress responsive design, you're in the right place. Let's explore the world of dynamic web development together.

#HTML to WordPress responsive #webdevelopment #websitedesign #webdesigner #HTMLCode

0 notes

excellencetechnology3465 · 1 year ago

Text

Best Institutes for web designing in Chandigarh

web designing

Best Web Designing Training in Chandigarh

Believe in your Dream and Walk on the Path of Success with Best Web Designing Course in Chandigarh - Excellence Technology

Have you an ambition to become a renowned web designer, for that you need to seek to improvise training and pursuance to achieve your goal. To ensure this, web designing training in chandigrah.

HTML HTML provides the content that gives web pages structure, by using elements and tags, you can add text, images, videos, forms, and more. Learning HTML basics is an important first step in your web development journey and an essential skill for front- and back-end developers.

CSS

CSS, or Cascading Style Sheet, is responsible for the styling and looks of a website. In this course, we cover CSS from the ground up. You will learn everything from basic skills, such as coloring and text, to highly advanced skills, like custom animations.

BOOTstrap

Bootstrap is a free, open source front-end development framework for the creation of websites and web apps. Designed to enable responsive development of mobile-first websites, Bootstrap provides a collection of syntax for template designs.

Now I'll tell you about the best institutes for web designing in chandigarh :-

Excellence Technology :-

An Advanced Web Education and Software Development Company.

Excellence Technology

Professional Company for providing Web education and Advanced 6 Months & Weeks Industrial Training Company in Chandigarh, Mohali and Panchkula. Excellence Technology is a leading Software Development company.

2. Extech Digital

We Are Leading As A Most Trusted And Reputed Mobile App web Development Company In Chandigarh (Mohali). We Delivered Creative Applications Especially For Small Businesses And Those Dreamers Who Want To Start Their Own Business. We Will Build A Unique, Attractive, And Lead-Generating Application As Per Your Needs And It Will Bring You Guaranteed Positive Results. Our Goal Is To Help You Reach More Online Potential Customers. So, Stop Wasting Your Time And Call Our Free Consultancy.

3. Excellence Academy

Website Designing course

Good design is so much more than creating a good-looking product. Our website designing course provides you the skill of how we can create user- friendly and responsive design websites

4. Thebrightnext

We'll guide and support you to turn great ideas into reality. Web Designing, Web Development, App Development, Graphic Designing. From website development to SEO services, social media marketing, and more, we have the expertise to help you achieve your goals. Contact us today to learn more about how we can help your business succeed!

Follow for more

0 notes

openprogrammer · 2 years ago

Photo

Tab icon in html Follow @openprogrammer Follow @openprogrammer Follow @openprogrammer #csstrick #coding #flex #typescript #html #css #webdeveloping #webdevelopers #webdevelopment #reactnative #frontenddeveloper #frontenddevelopment #frontenddev #javascript #javascriptdeveloper #htmlcoding #htmlcode #cssanimation #csstricks #programmingisfun #code #developerslife #vscode #grid (at India) https://www.instagram.com/p/CmwCIWSPnxv/?igshid=NGJjMDIxMWI=

0 notes

zabi-sahi · 2 years ago

Text

💫SaaS app Development Landing Page in HTML/CSS & JS💡🚀

If you're looking to become a frontend developer, Here is a SaaS landing page design developed in Tailwind css

Hey devs hope you doing good at Frontend 👋 Projects Ideas At Next Level 😍

• • • •

❤️ Hit the heart icon and show your love to this video ❤️ | 📲 Comment down your thoughts and doubts ✍️ | 🌸 Share with your other frontend friends and spread the exciting tricks tips 🔥

• • •

🖇️ 𝗦𝗧𝗔𝗬 𝗖𝗢𝗡𝗡𝗘𝗖𝗧𝗘𝗗 𝗙𝗔𝗠 ! 💛

💎 𝖋𝖔𝖑𝖑𝖔𝖜 » 👉 @zabi_sahi_portfolio 👈

📚 Learn daily » 𝖙his page is beginner friendly 🤓

0 notes

speora · 2 years ago

Photo

Download Source Code for FREE🤩 °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° Develop a Age Calculator using HTML, CSS & JS #learnwithshero ⚠️Download the source Code , from GitHub 😉 Link in Bio😊 °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° Follow @speoraofficial for CSS and JavaScript Snippets🧑🏻‍💻 Hope this post is helpful 😃 📩Dm me for Query °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° ❌ Don't Repost °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° 📌 Save it for future 💯 📌 Like and Comment ❤️ #webdesign #webdevlopement #learnwithshero #personalwebsite #portfolio #programmer #webdeveloping #htmlcode #codesnippets #javascripts #portfoliowebsite #websitedevelopment #websitedeveloper #programmerlife #programmingmemes (at India) https://www.instagram.com/p/Cl-DpNdheCr/?igshid=NGJjMDIxMWI=

#learnwithshero #webdesign #webdevlopement #personalwebsite #portfolio #programmer #webdeveloping #htmlcode #codesnippets #javascripts #portfoliowebsite #websitedevelopment #websitedeveloper #programmerlife #programmingmemes

0 notes

rehman-coding · 2 years ago

Photo

📂 Save it for later. _———————————————————————— ⭐ CAREER CHANGE TIPS ———————————————————————— 📌 How to become a self-taught developer? ⚡ Useful links and roadmaps in my bio! ———————————————————————— 📌 Follow: @rehman_coding 💼 Portfolio: https://a-rehman.com/ ⚙️ GitHub: https://github.com/MuhRehman 💎 LinkedIn: https://www.linkedin.com/in/abdul-rehman-%E2%9C%94-8611505b/✅If you find this content useful, tap the ❤️ Icon, share and consider giving me a follow Thanks. . Please comment or like 🤗 . (Tags) #codingforbeginners #webdeveloperslife #learnprogramming #codingbootcamp #programmergirl #csstricks #htmlcode #codinghumour #htmlcoding #vuejs #reactjs #css #cssanimation #html5 #javascriptdeveloper #css3 #programmers #100daysofcode #frontenddeveloper #learntocode #fullstackdeveloper #vscode #webdev #programmerlife #javascripttutorial https://www.instagram.com/p/ClE9QKTjqB0/?igshid=NGJjMDIxMWI=

0 notes

sesamestreetkid · 3 months ago

Text

index (I hope to follow this tag system lol)

#blinkies #stamps #gifs #favicons

edit: thx for the love on this post. im going to try and continually update this!

⇩ ⠀websites that are FULL of other web graphics below ⇩ ⇩ (+ some html tools!) ⇩

Graphics: blinkie maker : make your own blinkies! DOLLZ REVIVAL : a revival of pixel dolls where you can create and share your own. very cute! GlowTxt : create glowing transparent text gifs that say whatever u want HOARDER'S PILE : contains blinkies, buttons, stamps, and teddies plasticdino.neocities.org : blinkies Glitter Graphics : contains gifs, blinkies, dividers, and just sooo many web graphics Cute Kawaii Resources : contains gifs, blinkies, stamps, favicons, dividers, buttons, fonts, literally everything you need. its an insane resource Adrian's blinkie collection : collection of blinkies, stamps, and buttons ☆ (supplies.ju.mp) : blinkies, stamps, buttons, & favicons twigbranch.carrd.co : blinkies lallys.carrd.co : blinkies, stamps, dividers, and other resources Bugleeblinkie.carrd.co : blinkies, and 3 very special gifs at the end ;) unshinesblinkies.carrd.co : blinkies The 88x31 GIF Collection : buttons. there are 5 parts! huge collection! Bonnibel's Graphic Collection : blinkies WELCOME TO GIFCITY : blinkies, dividers, favicons, stamps cass-tastrophe.carrd.co : blinkies, stamps kotatsuOS : blinkies Cute web graphics : blinkies, stamps, dividers, and a LOT of other graphics, all very cute

HTMLS/neocities Stuff: MDN (mozilla.org) : if you're just starting out like me this is super helpful HTML Tutorial (w3schools.com): same here! (offers other programming languages as well!) Accessibility Checker(Free Scan) : a site you can use to check accessibility/ADA compliance when making your website! it will point out what needs to be changed. it is free, but they also offer paid services if you need more help imagecolorpicker.com : hex code picker. i use this one because you can upload an image, paste clipboard, OR type in the website and it'll grab a screenshot for you! something simple that was made really well. cssgradient.io : helps you make css gradients for backgrounds or whatever else you need them for smartgb.com : a free guestbook service FC2 Counter! : free "site visits" and "online now" counters. fully customizable Unclosed Tag Checker by Alicia Ramirez : does as it says, checks for unclosed tags (although I recommend using a program that does this as you write anyways. I use Visual Studio Code. Status Cafe : an updateable and embeddable status that you can stick anywhere on your site! it is mostly customizable with CSS but I have noticed a few small quirks with it

e10's web (neocities.org) <- shameless site plug. show it some love :P

247 notes · View notes

zai-gq · 7 months ago

Text

I made a portfolio website for @kaylasartwork! Here's a snippet of it. It isn't live because I can't get Github Pages to work, so any help would be great! (It's having issues verifying the DNS .-.)

Edit: it works now because I'm stupid

#lgbtq #lgbtqia #art #artists on tumblr #artwork #digital art #digital artist #website #web design #github #github pages #web development #htmlcoding

209 notes · View notes

sun4kiss · 6 months ago

Note

Hihihihi this isn't a request, is like a question, how do you put different colors on the texts? I saw you have pretty colors and I just can't do it bc I just have the 7 predeterminated colors 😭😭😭

Okkk I'll try to teach in an easy way.

it took me a long time to learn because each site i visited said something different and it never worked. in the end, i had to seek help from my brother who graduated in IT😭

I don't know if it's possible to do this through the app because most of the time, I use the website to publish my works

the secret of this is html code.

step by step:

firstly find the color code you want here

now create a new post > configuration button in the top right corner > text editor > change rich text to html

then you will use this code:

write your text here

and... tada! :

memorabilia album of the year.

code that I used

memorabilia album of the year.

you can also make a gradient effect. to do this, you will have to change the color of each word or letter, depending on how you want it to look.

like this:

heeseung best all-rounder in kpop

code that i used

heeseung

best

all-rounder

in

kpop

notice that I added one word at a time and changed the colors in the code? In fact, I'm still learning how to mix colors for a gradient effect, this one didn't look so good but I just wanted to show you how to do it

I hope you understand, with time you'll get the hang of it

when I finally discovered how to change the colors, I spent a whole day just playing with it was so much fun😭

#divider by animatedglittergraphics n more #helping writers #font #htmlcoding #how to change text color #how to change font color

89 notes · View notes

eamour · 1 year ago

Note

Hiii, im still fairly new to tumblr and I was wondering how do you get the pretty text colors in your blogs? Are they images or are you changing the color of your text?

Sorry if this is a weird question-..

Thank youuuu

hey ♡

no, it’s not a weird question at all! i‘ll give you a guide.

✿⠀all about coding

for the colour in my texts i use html coding and hex codes.

to simplify this, html is used to design or structure your texts (you know, the size, the colour, if it’s italic or bold,…) the hex code then determines the colour you choose for your text.

unfortunately, you cannot edit your texts' colours on your phone but make sure to do it on your laptop/computer.

✿⠀in steps

example · let’s say i want to edit my post and want the header to say "hello!" in a pinky shade (let’s use the hex code #c98ba3). this is what i would do ...

go on the tumblr website on my laptop

click create

choose text

click on the gear icon on the upper right corner

scroll to text editor and select HTML

click anywhere on the screen to make that page disappear and return to my post

switch from preview to HTML

type in the code hello! in the second row, not where it says "title"

switch back to preview and boom! now my text that says "hello!" is pink :)

✿⠀notes

if you are looking for colours to use and their associated hex code, just know that google's "colour picker" shows up once you look for a hex colour picker.

⠀⠀⠀i hope this could help you ♡

395 notes · View notes

therian-database · 1 month ago

Text

im back!!

and i have A LOT to say. i need a few creatures with experience coding html to help build a website with me. i don't know the specific software that we'll use, but if someone with a good chunk of experience can help me i would be forever grateful. please keep in mind that no one is obligated to do this, it has no pay and i could technically do it myself... it would just take a while. this is a passion project driven by the community, and it's been on sort of a hiatus because i just started my sophomore year of highschool. im currently working my ass off trying to plan out basic ideas for pages and how the website might look on computer and mobile. i would just like to thank everyone and anyone who has taken a little time to read even one of my posts, it not only makes me feel appreciated but most of all it makes me feel like the alterhuman community really is a community.

xoxo,

aspen

#therian community #otherhearted #otherkin #therian #alterhumanity #plantkin #objectkin #otherlink #alterhuman #coding #html #htmlcoding #html css #css #code #programming #website development #website design

45 notes · View notes

digitaldiariescs · 2 months ago

Text

Day 3: Beginning my first ever personal project

I'm honestly getting a little sick of beginning every post with, 'I continued working through the RWD course on freeCodeCamp', because that's pretty much all I do, every single day. And that's what I did today.

However, I started working on a personal project using HTML/CSS! Something that I realised today, as I started planning this project, is that I genuinely have no idea how to apply the knowledge that I've learned through the course. I know how to follow instructions and prompts, but I have no idea how to actually build a responsive web page. But, I think that's going to change as I start working on this project.

I'm trying to be as creative as possible with this project. I'm really going to challenge myself, and I hope this turns out the way I want it to. The main goal is to not take the easy way out with this project. The only way I'll learn is by facing difficulties.

Recently, I've noticed that I've been really struggling with creativity. I used to be an original thinker, but now, it seems as though I have lost the ability to think outside the box. And that is completely unacceptable in my world. Hopefully, this project will spark my creativity, while developing my coding skills.

With that, I shall take your leave and continue scribbling down all my ideas for this project onto my commonplace journal. Yes, my ideas have a real-world, physical home. I encourage you to keep one as well. It's a great way to build a relationship with yourself- bridge the gap between who you are and who you want to be, your thoughts and your feelings.

#html css #htmlcoding #css #computer science #coding diaries #coding #learning #studyblr #tech #computer #programming #technology #coder

32 notes · View notes

dragonshoardofworks · 2 months ago

Text

As promised to @pennerjones , for y'all Phans commenting delight, here, have a:

Under the cut (if Tumblr decides to cooperate with me, there's also the Html Link to Ctrl+C/+V on the comment section.

#the dragon draws #or better #mostly traced the Kudo Button #the Blob Text is all my work #Ecto Kudos #htmlcoding #it seems it's working #but lemme know is anything changes #let's goOoOO!

33 notes · View notes