#del tag in html5 | Explore Tumblr Posts and Blogs

msrlunatj · 1 month

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.

<p>: 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

comunicareoggiweb · 1 year

Link

#creazionesitiweb #HTML #hypertext #HyperTextMarkupLanguage #markup #realizzazionesitiweb #realizzazionesitiwebudine #sitoweb

0 notes

atmmorg · 2 years

Text

Crack sound forge audio studio 10.0

CRACK SOUND FORGE AUDIO STUDIO 10.0 HOW TO

CRACK SOUND FORGE AUDIO STUDIO 10.0 SERIAL NUMBER

CRACK SOUND FORGE AUDIO STUDIO 10.0 PDF

CRACK SOUND FORGE AUDIO STUDIO 10.0 INSTALL

magix sound forge audio studio, magix sound forge audio studio 10, magix sound forge audio studio 14, magix sound forge audio studio 13, magix sound forge audio studio 12, magix sound forge audio studio 10 freeload, magix sound forge audio studio 13 freeload. If you are looking for a Sound Forge Audio Studio 2020 then you are on the 100 right place, here you can download full working vst crack file via direct link.

CRACK SOUND FORGE AUDIO STUDIO 10.0 INSTALL

§ Install Microsoft Excel Driver (*.xls *.xlsx *.xlsm *. Marque Moura on MAGIX Sound Forge Audio Studio 10.0 Crack UPD Serial Key.

CRACK SOUND FORGE AUDIO STUDIO 10.0 PDF

§ Regimen General De Las Obligaciones Ospina Hernandez Pdf § Autodesk Revit 2014 Xforce Keygen Download § Taio Cruz Ft Ludacris Break Your Heart Song Download MAGIX Sound Forge Audio Studio 15.0.0.57 (x86/圆4) PC, MAGIX Sound Forge Audio Studio 15.0.0.57 (x86/圆4). I tested on 25 October 2018.) Drive link for download the Software setup file only (Build 11.0.345 - about 180 Mb): Unfortunately, the keygen in Drive link has been removed by Google on the grounds of abuse!!! Sony Sound Forge Audio Studio 10 Crack And Keygen OnlyĮven if it is in a.rar file:( 2) Install the Software (SoundForge11.exe), 3) Run keygen file as Admin (If the anti-virus program detects a threat, disable it for a while), 4) Choose Sound Forge 11 Series on the list, 5) Click on patch, firstly patch where the executable is located (. 11.0.338), it works for setup (Build 345) in the link below. 1) Download the files from these link: Link for download the keygen file only (2 mb)(Tested on ): (for Sound Forge Pro 9, 10, 11 and other softwares) (Don't worry about the keygen folder name (. Sound Forge PRO 11 Serial Keygen, Authentication Code Free Version.

CRACK SOUND FORGE AUDIO STUDIO 10.0 HOW TO

Hi, here is how to download, install and register Sound Forge Pro 11.0. This tool has been developed by the company worldwide acclaim SONY.

CRACK SOUND FORGE AUDIO STUDIO 10.0 SERIAL NUMBER

Sound Forge Pro 11 Keygen Only Sound Forge Pro 11 Serial Number Download is a tool that can be used by media experts to make and edit audio files and that too with speed and exciting exactness. Sony ACID Music Studio All Versions Keys,Keygen freeload. Sound Forge 10.0 Series - Sound Forge Audio Studio 9.0 Series - Sound Forge Audio Studio 10.0 Series - DVD Architect Pro 4.5-5.0 Series - DVD Architect Studio 4.5 Series - DVD Architect Studio 5.0 Series. Addeddate 17:35:09 Identifier sound-forge-audio-studio-9.0 Scanner Internet Archive HTML5 Uploader 1.6.4. Sony Sound Forge Audio Studio 10 Crack And Keygen Only New ISO Sony Sound Forge Audio Studio 9.0.Categories Audio › Audio Mixers/Synthesizers Tags magix sound forge audio studio 12, magix sound forge audio studio 13, sound forge 12 serial number, sound forge audio studio, sound forge audio studio 10, sound forge audio studio 10 crack, sound forge audio studio 10 crack freeload, sound forge audio studio 10 download, sound forge audio studio 10.0 crack keygen, sound forge audio studio 11 crack, sound forge audio studio 12 crack, sound forge audio studio 12 crack download, sound forge audio studio 12 keygen, sound forge audio studio 12 manual, sound forge audio studio 12 review, sound forge audio studio 12.6 crack, sound forge audio studio 12.6 serial number, sound forge audio studio 13 crack, sound forge audio studio 13 review, sound forge audio studio 13 serial number, SOUND FORGE Audio Studio 13.0 Build 45, sound forge audio studio 9 le, sound forge audio studio 9. DESCRIPCION DEL PROGRAMASound Forge Audio Studio 10.0 (build 178)incluye todo lo necesario para editar y masterizar audio con calidad profesionalen su equipo.

#Crack sound forge audio studio 10.0

0 notes

krishna337 · 2 years

Text

HTML ins Tag

The HTML <ins> tag is used to define a newly inserted text in an HTML document. The web browser renders this inserted text as an underline and you can also change it through the text-decoration property of CSS. The <del> element defines the part of the text that has been deleted and <ins> defines the part of the text that has been inserted to the…

View On WordPress

3 notes · View notes

mattcode · 5 years

Text

Dia 4 (Momentos dificiles)

Han pasado 4 días y es momento de publicar otra vez mis avances en la programación web, estoy aprendiendo HTML y CSS mientras a la vez estoy viendo un curso sobre JavaScript, aprendiendo un poco sobre todo.

En estos días hubo un dia en que fallé y no pude sentarme a estudiar y a hacer código, siento que me falta el tiempo todos los dias y eso aún sin empezar la universidad, de igual manera encuentro un hueco para estudiar, trabajar, tener novia, andar en bici y tener amigos a la vez. Volviendo a lo importante en estos 4 días, aprendí la estructura básica de un archivo HTML5 donde el tag inicial <!DOCTYPE html> nos indica la versión de HTML que estamos utilizando en mi caso la versión 5, luego aprendí sobre los tags nuevos que trae esta versión donde lo que hacen básicamente es reemplazar al <div> de alguna u otra manera, crea divisiones de forma que semánticamente queda mejor escrito el código, sobre html no aprendí mucho más que no sean los simples tags de links, imágenes, tamaños de fuente, etc.

Ahora es cuando estoy metiéndome de lleno en el CSS que fue lo que siempre quise aprender en realidad, yo desde un principio supe utilizar html y crear lo básico, ahora es momento de ponerle estilo a esto, lo más importante que siempre tuve intriga de saber ahora lo sé y eso era el, cómo era la conexion entre un archivo HTML y un archivo CSS, la misma es muy simple a través de un tag dentro del HTML llamado <link rel=“stylesheet“ href=“(ubicacion del archivo CSS)“>, algo importante a saber es que este link se coloca siempre dentro del <head> y nunca dentro del <body>, para mí este fue uno de los pasos más grandes dentro de lo que voy aprendiendo, luego estoy con pequeñas cosas del CSS tales como cambiar el color de las letras, la fuente, el fondo etc.

Yo creo que por el momento esto es todo por estos 4 días, muchas cosas básicas pero que son la base de la programación web, luego de terminar el curso que estoy haciendo en youtube voy a crear una página propia para utilizar todo lo aprendido. Va a ser mi primer gran “Proyecto“ y espero poder terminarlo todo antes de Marzo, por lo que tengo 29 dias restantes para ello.

Hasta el próximo posteo.

#code #programming #coding #notebook #codinglife #software #hardware #coders #developers #html #css #webdeveloper #web #javascript #apple #notapple #android #java #PC #computers

1 note · View note

marcacme · 6 years

Photo

Producción

En la etapa de producción a pesar de que teníamos cada una un rol especifico y lo cumplimos, cada vez que otra integrante tenía una dificultad siempre tratábamos de solucionarlo por lo que se puede decir que fue un trabajo entre todas, el diseño, el audiovisual y la programación. Ninguna se cerró en lo que tenía que hacer y no ayudo, todo lo contrario.

En la producción enfrentamos unos problemas con la programación ya que se superponían los videos y los sonidos también pero pudimos resolverlo gracias a una ardua investigación y al consultar a docentes sobre el tema. En el audiovisual también tuvimos algunas dificultades para poder generar elementos con transparencias pero lo pudimos resolver entre todas. En el diseño no tuvimos mayor dificultad.

Aporte personal:

A mí me tocó la parte del diseño, hice el vitro con Varela pero al final Romina mantuvo el vitro intacto sacando a Varela y haciéndolo de nuevo ya que mi técnica no era del todo correcta. También realice todos los elementos, sacando la campana. Me base en el diseño de los vitro que estaban en el Museo y en la pose que tiene Varela en una de sus fotos, la ropa que use fue la que estaba en exposición. Todos los elementos del vitro también están inspirados en lo que está expuesto en el museo, como por ejemplo, la silla. El resto de elementos me inspire en imágenes que busque en Google para darles un mayor realismo. Luego me integre mucho en la programación de la página ya que como dije antes tuvimos mayores dificultades y necesitábamos resolverlo, di unas cuantas sugerencias pero ninguna resulto, trate de generar un código propio pero el Makey Makey no lo tomaba. Le consultamos a Santiago Fagnoni que nos ayudó, luego hicimos el código final el cual fue un éxito.

Algunas páginas que consulte:

- https://developer.mozilla.org/es/docs/Web/HTML/Usando_audio_y_video_con_HTML5

- https://www.anerbarrena.com/atributo-autoplay-html5-video-audio-5305/

- https://html.com/attributes/audio-volume/

- https://www.w3schools.com/tags/av_met_play.asp

- http://lineadecodigo.com/html5/volumen-del-audio-html5/

#varela #vitro #educacion #ilustacion

1 note · View note

iitsd · 4 years

Video

youtube

What are HTML5 Formatting Tags like del,ins,sub, b How to write and run ...

0 notes

ladigivn · 5 years

Text

HTML là gì? Phân loại thẻ HTML theo mục đích sử dụng

Bài viết này trình bày những điều cơ bản cần thiết nhất về HTML. Cho dù rằng bạn là người làm website chuyên nghiệp hay nghiệp dư cũng đều phải biết về nó. Hy vọng rằng bài viết này của LADIGI sẽ hữu ích đối với những ai đã và đang tìm hiểu về HTML.

1. HTML là gì?

HTML là từ viết tắt của cụm từ HyperText Markup Language hay tiếng Việt có thể dịch ra là Ngôn ngữ đánh dấu siêu văn bản. Nó được sử dụng để tạo trang web, đối với một website có thể chứa nhiều trang được gọi là một tài liệu HTML hay tập tin HTML. Người sáng lập ra HTML là ông Tim Berners- Lee hay cũng chính là người khai sinh ra tổ chức World Wide Web và chủ tịch của hộ World Wide Web Consortium – tổ chức thiết lập các tiêu chuẩn trên internet.

Một tập tài liệu HTML được hình thành bởi các phần tử HTML quy định bằng các các cặp thẻ hay còn gọi là tag. Cặp thẻ này thường được đặt trong dấu ngoặc nhọn <html> và thường được khai báo thành một cặp. Các văn bản muốn đánh dấu bằng HTML sẽ được khai báo bên trong cặp thẻ. Cũng có một số thẻ đặc biệt thì không có thẻ đóng và dữ liệu được nằm trong thuộc tính như <img>.

HTML được gọi là ngôn ngữ đánh dấu siêu văn bản

2. HTML được xử lý như thế nào?

Sau khi tập tin HTML đã được tạo lập nên thì việc xử lý tập tin này sẽ do trình duyệt đảm nhận. Trình duyệt sẽ đọc hiểu nội dung của HTML từ các thẻ và chuyển sang văn bản để đọc, nghe hoặc hiểu.

Để kiểm tra bạn có thể chuyển qua phần HTML và Result để xem kết quả của tập tin HTML đã được tạo và sau khi qua xử lý thì như thế nào.

Ví dụ minh họa cách mà HTML được xử lý

3. Cấu trúc đoạn HTML và dùng chương trình gì tạo tập tin HTML

3.1. Cấu trúc của đoạn HTML như thế nào?

Như chúng ta đã biết thì HTML được khai báo bằng các phần tử bởi những từ khóa. Nội dung nằm bên trong đó là nội dung mà bạn cần định dạng với HTMl. Chúng ta có thể tham khảo ví dụ minh họa dưới đây để có thể khai báo một đoạn văn bản.

Và một điều quan trọng không thể không nhắc đến là trong thẻ còn có các thuộc tính. Thuộc tính thường đặt ở bên trong thẻ mở đầu. Mỗi một thuộc tính sẽ có giá trị được đặt trong ngoặc kép và cách nhau bằng dấu bằng (=) cùng với tên thuộc tính. Mỗi thẻ có thể sử dụng được nhiều thuộc tính.

Ví dụ về một đoạn code HTML

3.2. Dùng chương trình gì để tạo tập tin HTML

HTML là dạng tập tin siêu văn bản nên có thể sử dụng chương trình soạn thảo không có chức năng định dạng để tạo tập tin dạng HTML. Với window bạn có thể dùng Notepad++, trên Mac có thể dùng Textedit. Điều quan trọng là sau cùng bạn phải lưu tập tin này dưới dạng .html và sử dụng trình duyệt web để đọc nó.

Notepad++ là phần mềm thường được dùng viết code HTML

4. Phân loại thẻ HTML theo mục đích sử dụng

4.1. Thẻ HTML cơ bản

<!DOCTYPE> : Thẻ định nghĩa dạng tài liệu HTML

<html> : Thẻ này định nghĩa rằng đây là tài liệu HTML

<title>: Thẻ giúp định nghĩa tiêu đề của tập tin HTML

<body>: Thẻ định nghĩa rằng từ đây là thân tập tin HTML

<h1> tới <h6>: Thẻ định nghĩa các mục chính trong tài liệu

<p>: Thẻ định nghĩa văn bản

<br>: Thẻ chèn xuống dòng

<hr> Thẻ định nghĩa thay đổi chủ đề trong nội dung

<!-…->: Thẻ định nghĩa một comment (thẻ này chỉ là ghi chú trong tập tin HTML, không hiện ra ngoài).

4.2. Thẻ HTML định dạng

<acronym>: Thẻ định nghĩa từ viết tắt, không được hỗ trợ trong HTML5.

<abbr>: Thẻ định nghĩa từ viết tắt.

<address>: Thẻ định nghĩa thông tin liên hệ cho tác giả.

<b>: Thẻ định nghĩa văn bản bôi đậm.

<bdi>: Thẻ này hữu ích khi nhúng nội dung người dùng tạo ra với một hướng chưa biết.

<bdo>: Thẻ định nghĩa hướng của văn bản.

<big>: Thẻ định nghĩa văn bản lớn hơn, không sử dụng trong HTML5, thường sử dụng CSS để thay thế.

<blockquote>: Thẻ định nghĩa nội dung được trích dẫn từ nguồn khác.

<center>: Định nghĩa một đoạn văn bản ở giữa, không được hỗ trợ HTML5.

<cite>: Thẻ định nghĩa tên sản phẩm.

<code>: Thẻ định nghĩa một đoạn code máy tính.

<del>: Thẻ định nghĩa rằng văn bản đã bị xóa từ một tài liệu.

<dfn>: Thẻ này thay thế định nghĩa cho thuật ngữ.

<em> Thẻ định nghĩa rằng văn bản phải được nhấn mạnh.

<font>: Định nghĩa phông, màu sắc và kích cỡ văn bản.

<i>: Tạo văn bản nghiêng trong HTML4.

<ins>: Thẻ định nghĩa văn bản được chèn vào tài liệu.

<kbd>: Thẻ định nghĩa thông tin người dùng nhập.

<mark>: Thẻ định nghĩa văn bản được đánh dấu.

<meter>: Thẻ đo lường dữ liệu trong một phạm vi.

<pre>: Thẻ định nghĩa dạng văn bản có sẵn.

<progress>: Thẻ mô tả tiến trình hoàn thành nhiệm vụ.

<q>: Thẻ định nghĩa nội dung trích dẫn từ nguồn khác.

<rp>: Thẻ định nghĩa sẽ hiển thị gì lên trên trình duyệt.

<rt>: Thẻ định nghĩa giải thích, phát âm ký tự.

<ruby>: Thẻ định nghĩa chú thích ruby dành cho kiểu chữ Đông Á,

<s>: Thẻ định nghĩa rằng văn bản không đúng nữa.

<samp>: Thẻ định nghĩa mẫu đầu ra từ chương trình máy tính.

<small>: Thẻ định nghĩa đoạn nhỏ hơn.

<strong>: Thẻ định nghĩa đoạn văn bản quan trọng.

<sub>: Thẻ định nghĩa chỉ số dưới.

<sup>: Thẻ định nghĩa chỉ số trên.

<time>: Thẻ định nghĩa ngày tháng và thời gian.

<u>: Thẻ định nghĩa văn bản có phong cách kh��c văn bản bình thường.

<var>: Thẻ định nghĩa một biến.

<wbr>: Thẻ định nghĩa một vị trí để xuống dòng.

4.3. Thẻ nhập liệu HTML, Form và Input

<form>: Thẻ định dạng form HTML để nhập liệu.

<input>: Thẻ định nghĩa một điều khiển nhập liệu.

<textarea>: Thẻ này giống input nhưng là cả một vùng nhập liệu, không phải là một dòng.

<button>: Thẻ định nghĩa nút bấm.

<select>: Thẻ định nghĩa cả một danh sách thả xuống.

<optgroup>: Thẻ định nghĩa một nhóm lựa chọn trong danh sách thả xuống.

<option>: Thẻ định nghĩa một lựa chọn ở trong danh sách thả xuống.

<label>: Thẻ định nghĩa một nhãn cho thẻ input.

<fieldset>: Thẻ định nghĩa nhóm phần từ liên quan trong một form.

<legend>: Thẻ định nghĩa mô tả cho thẻ.

<datalist>: Thẻ chỉ định danh sách tùy chọn định trước.

<keygen>: Thẻ chỉ định cặp khóa sử dụng cho form.

<output>: Thẻ định nghĩa kết quả của phép tính.

4.4. Các khung

<frame>: Định nghĩa khung cửa sổ trong frameset.

<frameset>: Thẻ định nghĩa một bộ khung.

<noframes>: Thẻ định nghĩa nội dung thay thế cho người dùng nếu trình duyệt không có hỗ trợ nào cho thẻ frames.

Tổng kết

Bài viết đã chia sẻ những kiến thức cơ bản nhất về HTML. Có thể bạn nghĩ rằng thông tin này chỉ mang tính chất tham khảo nhưng thực tế nó cực kỳ quan trọng, là nền tảng giúp bạn có thể học HTML chuyên sâu hơn, để có thể thiết kế website.

Nguồn bài đăng: LADIGI Academy Company Link: https://ladigi.vn/html-la-gi

0 notes

krishna337 · 3 years

Text

HTML del Tag

The HTML <del> tag is used to represent a text which is deleted from the document.The deleted text is renders it by strike a line through text by the web browsers although we can also change it with the help of text-decoration property of css. Syntax <del>Content...</del> Example <!DOCTYPE html> <html> <head> <title>HTML Del Tag</title> </head> <body> <h2>HTML del Tag Example</h2> <p>This is an…

View On WordPress

0 notes

socialnetworkingsafetyme · 5 years

Text

AngularJS For Webudvikling

Ligesom andre open source JavaScript-rammer, hjælper AngularJS også udviklere med at begrænse de samlede omkostninger til webapplikationsudvikling. Men det accelererer tilpasset webapplikationsudvikling ved at sætte programmører i stand til at udtrykke forskellige komponenter i en webapplikation ved at udvide HTML-syntaks. AngularJS opdaterer også webprogrammets brugerflade hver gang backend ændres ved at understøtte tovejsbinding. Udviklerne kan yderligere udvide AngularJS ved at integrere det med forskellige JavaScript-biblioteker. Der er også en række grunde til, at mange webudviklere foretrækker AngularJS til andre front-end JavaScript-rammer. Hvorfor de fleste webudviklere foretrækker AngularJS til andre front-end JavaScript-rammer? Udvider HTML-syntaks Udover at blive skrevet i JavaScript, er AngularJS også distribueret som en JavaScript-fil. Den kan indlejres i en webside direkte gennem scriptet. Det tillader også udviklere at udtrykke forskellige komponenter i en webapplikation ved at udvide HTML med tre ng-direktiver - ng-app, ng-model og ng-bind. Webudviklerne kan endda bruge AngularJS-udtryk til at binde AngularJS-data til HTML uden at skrive yderligere kode. Implementerer MVC-mønster forskelligt Model-view-controllers gør det muligt for udviklere at forenkle udviklingen af store webapplikationer ved at holde deres brugergrænseflade og forretnings logik adskilt. Men AngularJS implementerer MVC mønster på en særskilt måde. AngularJS teamet kalder den særskilte implementering af MVC mønster som model-view-uanset. Modellen-uanset arkitekturen gør det lettere for programmører at forbedre ydeevnen og vedligeholdelsen af komplekse webapplikationer. Støtter tovejsbinding af data Ud over at implementere MVC-arkitektur forskelligt, understøtter AngularJS også tovejsbinding. Funktionen hjælper udviklere til at synkronisere data mellem model og visning af komponenter uden at lægge ekstra indsats. AngularJS opdaterer automatisk webprogrammets frontend hver gang dens backend ændres. Da AngularJS synkroniserer modellen og ser automatisk, er udviklerne ikke forpligtet til at implementere DOM-manipulation. Forbedrer serverkommunikation AngularJS reducerer webserverbelastningen betydeligt ved at understøtte caching. Samtidig hjælper de indbyggede tjenester, der leveres af AngularJS, udviklere at forbedre klient-server kommunikation. Tjenesten gør det nemmere for webudviklere at arbejde med forskellige backend-systemer og -løsninger. Udviklerne kan også udnytte de indbyggede tjenester til at få dataene til at returnere asynkront uden at skrive komplekse kode. Implementerer validering af klientsideformularer Webudviklerne kan skabe forskellige former ved at kombinere HTML, CSS og AngularJS. AngularJS hjælper videreudviklere med at implementere validering af klientsideformularer. Det overvåger tilstanden af formularen såvel som individuelle tekstfelter. Det underretter endda brugerne om den aktuelle tilstand af formularen eller indtastningsfelterne. Udviklerne kan nemt validere formularindgangen ved hjælp af standard HTML5 attributter. AngularJS tillader endog dem at skrive og bruge brugerdefinerede valideringsfunktioner. Holder koden vedligeholdelig og testbar AngularJS hjælper udviklere til at skrive læsbar og vedligeholdelig kode ved at udvide HTML-syntaks. Ud over at udvide eksisterende HTML-tags kan udviklerne bruge et direktiv til at oprette brugerdefineret HTML-syntaks. Samtidig holder rammen koden testbar ved at tillade programmører at bruge plan JavaScript-objekter. Modellerne i AngularJS er også designet som almindelige JavaScript-objekter. Derfor kan udviklerne bruge rammen til at skrive ren, læsbar, vedligeholdelig og testbar kode. Indeholder et indbygget afhængighedsinsprøjtningssubsystem Ofte bruger frontend webudviklere afhængighedsindsprøjtningsværktøjer til at injicere afhængighed af et objekt på den mest hensigtsmæssige måde og gøre objekterne udveksle afhængigheder problemfrit. AngularJS forenkler afhængighedsinjektion ved at levere et indbygget afhængighedsindsprøjtningssubsystem. Subsystemets afhængighedsindsprøjtning gør det nemmere for udviklere at erstatte enkelte komponenter fra webapplikationen, sammen med at udføre test. En komponent af MEAN Stack Mange webudviklere foretrækker at bruge AngularJS som en nøglekomponent i MEAN stack sammen med MangoDB NoSQL database, Express.js og Node.js. Som fuld stack JavaScript giver MEAN programmerere mulighed for at skrive både klientsiden og server-side-koden i JavaScript. Med flere og flere virksomheder, der vælger isomorfe applikationer, anvendes AngularJS bredt af udviklere som en del af MEAN stack. Flere AngularJS-baserede rammer Udover at integrere AngularJS med et antal udbredte JavaScript-biblioteker, har webudviklerne også mulighed for at benytte flere AngularJS-baserede rammer - Suave, PrimeNG, QuantumUI, Semantic UI og UI Bootstrap. UI-komponenterne, der leveres af disse AngularJS-baserede rammer gør det nemmere for webudviklere at opbygge brugerdefinerede webbaserede brugergrænseflader. Disse rammer hjælper også udviklere med at oprette responsive og cross-browser web brugergrænseflader. Holder udviklingen Som tidligere nævnt opretholdes AngularJS af Google sammen med et fællesskab af udviklere. Derfor fortsætter den konsekvent at udvikle sig for at forenkle og fremskynde webapplikationsudvikling. I november blev AngularJS 5 frigivet med en række nye funktioner. Den nyeste version af JavaScript-rammen forenkler udviklingen af progressive webapplikationer, fjerner unødvendig kode fra applikationen via en build optimizer og giver en ny HttpClient. I det hele taget hjælper funktionerne fra AngularJS webapplikationsudviklere for at opbygge brugerdefinerede web-udgange på kort tid. Men webudviklerne skal huske, at AngularJS, ligesom andre JavaScript-rammer, har sine egne fordele og ulemper. De skal integrere AngularJS med andre JavaScript-biblioteker og rammer for at fremskynde brugerdefineret webapplikationsudvikling. De kan stadig bruge den nyeste version af AngularJS til at benytte et sæt nye og forbedrede funktioner.

0 notes

luxportalonline-blog · 5 years

Text

Ting at vide, før du udvikler et websted

Ting at overveje, før du opretter et websted Domænenavn: Dit websteds domæne skal - perfekt matcher ideen eller den type virksomhed, du vil bygge. være et navn, som folk kan huske nemt. være kort og let at skrive. Inkluder målordene. har ikke tal og / eller bindestreger. har en passende domæneudvidelse afhængigt af din virksomhedstype Vær velforsket. 2. Web Hosting Sammenlign forskellige hosting-udbydere og planer. Vælg en pålidelig hosting, der passer perfekt til dine behov. Kontroller og sammenligner lagring, båndbredde kapacitet og andre funktioner i hosting. Vælg den hosting, der leveres med opetidsgaranti. Kontroller og sammenligner hostingpriser, opgraderingsmuligheder og satser mv. Læs brugeranmeldelser og anmeldelser. 3. Webteknologi: Der er mange teknologimuligheder, som HTML5, JavaScript, PHP, DotNet og mere, som du kan vælge imellem for at udvikle dit eget websted. Du skal have en stærk kommando over teknologien eller være villig til at ansætte en god webudvikler / udvikler til jobbet. 4. Formålet med webstedet: Formålet med, at du bygger webstedet, ville bestemme en masse ting, herunder webstedets navn, domæne, design, layout, tema, indhold osv., Så du bedre finder ud af det første . 5. Website Design / Theme / Layout: Vælg et tema, som du kender din hjemmeside besøgende gerne. Layoutet skal være enkelt, let, pænt og rent og nemt at navigere. Webstedets design skal være enkelt, attraktivt og professionelt. Brug de rigtige skrifttyper, farver, baggrundsfarve, skriftstørrelse og andre designelementer. Sørg for at inkludere en footer med de rigtige menuer, ansvarsfraskrivelse og et godt design. 6. Sitemap: Design et sitemap / flowchart på dit websted, som skal bestå af alle webadresser og / eller sider på en pæn måde for at hjælpe brugere og søgemaskiner med at forstå hjemmesiden navigation. 7. Webstedets indhold: Indholdet er nok den vigtigste del af et websted. Det er det, som brugerne rent faktisk vil besøge dit websted, så prøv at gøre dit websted indhold enkelt, attraktivt, informativt, relevant, unikt, nemt at læse, kort og præcist. Sørg for at inkludere dine forretningsmålrettede søgeord inden for indholdet såvel som i meta tags på websiderne. Optimer webindholdet til billedstørrelse, indlæsningshastighed, layout, overskrifter, titel, kvalitet og meget mere. 8. Målgruppe: Forskning grundigt for at finde ud af mere om din målgruppe og forstå konkurrencen på målmarkedet, så du kan skrive indholdet og opbygge en hjemmeside i overensstemmelse hermed. 9. Webstedets billeder: Brug kun billeder af høj kvalitet og relevante billeder på hjemmesiden. Et billede er den næstbedste indholdstype efter teksten, som du kan bruge til at tiltrække flere besøgende og holde dem længere på dit websted. Hvis du har råd til det, skal du ansætte en professionel billeddesigner / redaktør / fotograf for jobbet. 10. Unikhed og friskhed: En ting, der afgør, hvordan brugerne reagerer på din hjemmeside, er, hvor unik eller anderledes dit websted er fra konkurrencen. Brug unikt indhold, billeder og endda et unikt website layout til at opbygge en myndighed på markedet. Der er ingen mening om at have en hjemmeside, hvis du vil give det samme indhold som alle andre. Sørg også for at holde webstedets indhold opdateret for at holde dine besøgende forbundne. 11. Målbrowsere, platforme og enheder: Før du begynder at opbygge dit websted, skal du kende de målplatforme, som din hjemmeside skal fungere på. Et virksomhedswebsted skal bygges med kompatibilitet med tværbrowser - for at fungere godt på alle moderne browsere og lydhørhed - at åbne korrekt på alle skærmstørrelser og opløsninger. 12. SEO Optimering: SEO er stadig sandsynligvis den bedste måde at organisk optimere et websted og forbedre dets værdi for brugerne og søgemaskinerne. Du bør udnytte rigtige SEO-teknikker på siden til at optimere dit websted korrekt for bedre placeringer. 13. Social Media Integration: Benyt de forskellige sociale medier værktøjer som deling muligheder, Facebook side widget, Twitter tidslinje widget osv. På din hjemmeside for at give dine web besøgende tilstrækkelige muligheder for at dele og være sociale. 14. Registrering og login: Hvis du vil give de besøgende en mulighed for at registrere eller logge ind på din hjemmeside, skal du sørge for at gøre det korrekt ved at gennemføre passende sikkerhedsforanstaltninger. Lav hyggelige, attraktivt-nok sider til brugerregistrering og login, og inkludere sociale tilmeldingsmuligheder, hvis det er muligt. Du kan også tilbyde andre fordele og freebies på nye registreringer. 15. Sporing og analyse af hjemmesider: Et websted er normalt bygget med det formål at tiltrække trafik, derfor bør du have en ordentlig måde at holde styr på dine besøgende på internettet, deres aktiviteter, reaktioner og andre relaterede statistikker. Google Analytics-værktøjet er en måde at gøre dette på. Det er en god ting, hvis du er en professionel webudvikler og kan bygge din hjemmeside alene, men der er mange andre vigtige ting som webstedsoptimering, design mv., Som du bør være opmærksom på, når du bygger en hjemmeside. Vi har nævnt ovenfor de ting, du bør overveje, før du rent faktisk begynder at bygge din hjemmeside. Du er velkommen til at dele dine svar i kommentarerne nedenfor.

0 notes

siliconwebx · 5 years

Text

Basic HTML Codes Every WordPress User Needs to Know

HTML is the foundation of pretty much everything on the internet. It is the cornerstone on which internet content is built, and it has been for decades. Without a solid understanding of HTML, everything you do with WordPress or any other web design and development will be stunted. Lucky for you, there is a slew of basic HTML codes that every WordPress user from beginner to veteran uses on a near-daily basis. Let’s break them down and get you up to speed.

What is HTML?

Here’s the quick version: HTML stands for hypertext markup language, which means that it’s not quite a programming language. HTML doesn’t command your computer to run things via script. Rather, it takes the text that you have on your page, and it marks it up. Italics, bold, alignment, size, and so forth. HTML also gives you the ability to include images and links, and with HTML5, the newest version manipulates them and the text in exciting new ways.

HTML code is contained within flags and is pretty easy to read. A simple HTML page might look something like this:

<html> <head> <title>The title of the webpage would go here.</title> </head> <body> <h1>This is the page's title that shows up to people</h1> <p>Content</p> <p>More content</p> <p>Even more content</p> <h2>Section break</h2> <p><img src="https://www.elegantthemes.com/blog/wp-content/uploads/2019/04/tagline-featured-image.jpg"></p> <p><a href="https://elegantthemes.com/divi">A link to our Divi page</a></p> </body> </html>

When rendered in a browser, that would look like this:

As you can see, HTML isn’t that confusing. In fact, even if you have never seen any HTML code before, I bet you can figure out what each of those tags means just by context. With that out of the way, let’s look at the most common, basic HTML codes that you’ll use throughout your career on the web.

Bold

When you wrap your text in the <strong> tags, you are telling the browser to bold the text. You can also use simply <b>, too, but with Google and other search engines having a preference for semantic coding, you’re safer with <strong>

You can make <strong>text bold</strong> by using this tag.

Italics

<Em> stands for emphasis, and it is the semantic way to use italics in HTML. You can also use <i> to do so.

You can put <em>text in italics<em> by using this tag.

Underline

The same goes for <u> and underlining. In general, this one gets very little use because links are underlined and underlined text that you can’t click on gives a bad user experience.

You can <u>underline</u> by using this tag.

Headings

Probably the most used of all basic HTML codes are the various headings. Using <h1>, <h2>, <h3>, <h4>, <h5>, <h6> to divide up your content into sections.

Be sure to use them in hierarchical order. Google wants you to nest headings, so make sure to use <h2> only below <h1>, not below <h3>.

While most pages will have only a single <h1>, Google no longer penalizes you for having more. Just keep in mind that using a <h1> resets your nesting for the page (or at least that section of the page).

<h2>H2 is the most commonly used header tag.</h2>

All of the headers for HTML elements on this page are h2.

Image

Inserting images is one of the most useful things that HTML does. It broke the internet out of its brutalist styles and onto the road to where it is today. All you need to do is have the URL of the image you want, and put a single <img src> (standing for image source tag. Like this:

Note that you don’t need to close the image tag, and the quotation marks are not required for the image to display. Many people still use them to make the code more readable.

The <alt> attribute is the text that shows up for accessibility purposes, and it is also indexed by search engines. For people with screen readers and other devices, alt text is absolutely necessary to use the internet. It is always a best practice to have alternate text for your images.

Links

Okay. Links. There’s a lot going on with links. Or, rather, there’s a lot that you can do with links. At their most basic, you will put it together with an <a href> tag. The <a> indicates it’s a link, and the <href> is literally the hypertext reference (the URL) to where you’re linking.

<a href="http://elegantthemes.com/divi">A link to our Divi page, and this is the anchor text.</a>

You will close the link code with simply a </a>, and you can use any text you want between there. That will be the clickable link itself and is called anchor text.

It renders on the page like this: A link to our Divi page, and this is the anchor text.

Additionally, you can nest HTML code, too. You can make an image clickable by inserting an <img src> tag between the link flags.

You can see how a clickable image link renders here:

More Link Attributes

You can also include quite a few different attributes to links so they behave in certain ways (such as hiding your URL from being a referrer or to open the link in a new window). Some of the most useful for you will be

rel indicates some sort of relationship for the link and its target. Such as noreferrer to prevent referral traffic being traced back to you.

target tells the browser where to open the link: _blank will open it in a blank tab, for instance.

nofollow goes along with rel and tells search engines that you don’t want to pass on any link juice to the target site. This is good when linking to controversial content and so on. It also keeps people from spamming links in your comments, and makes it so that your content can be seen as unbiased, since you aren’t providing any bonus to being featured other than exposure and clickthroughs.

There are more, but those are the ones you will probably see most often.

<a href="https://www.elegantthemes.com/blog/divi-resources/get-a-free-mortgage-broker-layout-pack" rel="nofollow" target="_blank">Free Mortgage Broker Layout</a>

Strikethrough Text

If you’re like me, sometimes you need want to make a joke using stricken-out words. Or maybe you need to mark things off a list (or delete, as the code itself says). Or anything else that you would need to have a line running through text for.

That’s when you use <del> around the text you want to strike through. For some people, this is incredibly common code, while others may never use it. Regardless, it’s an easy one to remember.

You can use <del>this code</del> for strikethrough text in HTML.

Lists

Lists are another major part of web content these days. Not only do they give you tons of white space and break up walls of text, but they also let you organize your thoughts into digestible pieces.

There are two kinds of lists you can make with basic HTML codes. Ordered lists that are numbered 1, 2, 3 and so on. Unordered lists use bullets or symbols (depending on your site design) instead of numbers.

You wrap each list with either <ul> or <ol> for unordered or ordered lists respectively. And each item on the list should be wrapped in <li>.

<ul> <li>This is part of an unordered list.</li> <li>So is this.</li> </ul> <ol> <li>And this is how you set up an ordered list.</li> <li><a href="https://elegantthemes.com">This is a link in a list.</a></li> <li><strong>And this link text is bold</strong>, but this part isn't.</li> </ol>

And those codes render like this to show the difference:

This is part of an unordered list.

So is this.

And this is how you set up an ordered list.

This is a link in a list.

And this link text is bold, but this part isn’t.

You can also nest other codes in the lists, too. So you can bold text, insert links, and so on.

Block Quotes

You will, at some point in your WordPress career, need to quote someone else’s website. That’s where <blockquote> comes in. Just surround whatever text you copy/paste (and attribute) with <blockquote> opening and closing tags, and you’re good to go.

<blockquote>This text will appear with special styling to indicate that it's a quote./blockquote>

This is what it will look like on a page:

This text will appear with special styling to indicate that it’s a quote.

Paragraphs

Paragraph HTML is kind of weird. Depending on the CMS and builder you’re using, it might automatically render each line break as a separate paragraph. WordPress does this when you type in HTML. However, not everything does that. So if you need to keep your paragraphs separate and not have a wall of text, wrap each one in <p>. The browser will then know to display each block of text as a separate paragraph instead of one continuous block. By default, browsers ignore line breaks unless told otherwise.

<p>This is my first paragraph.</p> <p>This is my second paragraph.</p>

Lines and Line Breaks

You may want other separations between your paragraphs and sections. That’s when you can use the <hr> and <br/> tags.

<hr> inserts a separator line wherever it is. Many people use this to separate widgets in a sidebar or major sections of a web page.

The <br/> tag is a line break. You can use the <br/> in the middle of a <p> to break a line without going into a new paragraph (for block styling and organization’s sake). <br/> is a self-closing tag, which means no content can be within it. This is indicated by the slash at the end of the code.

While you can use it to break up text and paragraphs by inserting them where you want breaks, that isn’t a good practice to get into, and as you get more advanced with HTML and CSS and JavaScript, you will need to target the paragraph element to do certain things. You can read more about the distinction here.

Wrapping Up

HTML is absolutely necessary to interact with the internet. Everyone uses them the same way, whether you’re getting started in web development and design or a veteran from the days before JavaScript was a thing. We are still using the basic HTML codes to run the foundations of all our sites. No matter how fancy the site is or how advanced its features, when a link breaks or things are bold that shouldn’t be, you’re still going to be digging around to see if the <a href> or <strong> tags are doing okay.

What are your most-used basic HTML codes these days?

Article featured image by enterlinedesign / shutterstock.com

The post Basic HTML Codes Every WordPress User Needs to Know appeared first on Elegant Themes Blog.

😉SiliconWebX | 🌐ElegantThemes

#Silicon Web Design #Ahmedabad #India #Web Development #WPBeginner #Silicon URL #Web Site #Cloud Host

0 notes

elearnclasses · 6 years

Text

Html Formatting Tags

HTML Formatting Tags

Formatting Tags

html में formatting के लिए बहुत सारे tags available है , जैसे <b>,<i>…और भी बुहत सारे tag है , जिसका discussion हम निचे करेंगे .और सभी का example एक – एक करके देखेंगे.

1. <b> tag (Bold Tag ) | Formatting tags

b tagका use text/contentको bold display कराने के लिए किया जाता है |

example

<html>

<head>

<title>

bold tag example

</title>

</head>

<body>

</body>

</html>

2. <i> tag (italic tag ) | Formatting tags

italic tag का use text/content को italic display कराने के लिए किया जाता है |

example

<html>

<head>

<title>

italic tag example

</title>

</head>

<body>

<i> this is italic text</i>

</body>

</html>

3. <Strong > tag | Formatting tags

strong tag का use text को emphasized bold show करने के लिए किया जाता है

example

<html>

<head>

<title>

strong tag example

</title>

</head>

<body>

<strong> this is strong text</strong>

</body>

</html>

bold tag & strong tag दोनों में different है , दोनों का काम एक ही है , लेकिन दोनों का काम अलग – अलग जगह है .

bold tag का use text को bold करने के लिए किया जाता है stylish रूप में

strong tag का use text को strong ally emphasized show करने के लिए किया जाता है.

4. <em> Tag | Formatting tags

em tag का use text को emphasize करने के लिए किया जाता है , emphasize का मतलब किसी text पर जोर डालना , इसका browser पर effect , I (italic tag) की तरह होता है.

<html>

<head>

<title>

em tag example

</title>

</head>

<body>

</body>

</html>

i tag & em tag दोनों में different है , दोनों का काम एक ही है , लेकिन दोनों का काम अलग – अलग जगह है .

i tag का use text को italic करने के लिए किया जाता है stylish रूप में.

em tag का use text को strong ally emphasized show करने के लिए किया जाता है.

5. <small> Tag | Formatting tags

small tag का use text को small रूप में represent करने के लिए use किया जाता है |

<html>

<head>

<title>

small tag example

</title>

</head>

<body>

<small> this is small text</small>

<p>This is Normal text

</body>

</html>

6. <Sub> Tag | Formatting tags

sub tag का use text को subscript में लिखने के लिए use करते है | जैसे o2में 2 subscript का

<html>

<head>

<title>

sub tag example

</title>

</head>

<body>

O<sub> 2</sub>

</body>

</html>

7. <Sup> Tag | Formatting tags

sup tag का use text को superscript में लिखने के लिए use करते है | जैसे (a+b)2में 2 superscript का example है |

<html>

<head>

<title>

sup tag example

</title>

</head>

<body>

(a+b)<sup>2</sup>

</body>

</html>

8. <ins> Tag (inserted tag ) | Formatting tags

ins tag यह define करता है की text , document में insert किया गया है | output में ins tag के use करने पर जिस भी text/content को लिया गया है , उस text/content के नीचे line खीच जाती है , आर्थात underline हो जाती है |

याद रखे ins tag का use तभी करे , जब आपने अपने document में कोई modify किया हो | ins tag का use mostly del tag के साथ ज्यादा होता है | दोनों का साथ में use करना ज्यादा अच्छा है |

<html>

<head>

<title>

ins tag example

</title>

</head>

<body>

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

</body>

</html>

Ins tag के attributes:–

Cite :– cite attributes एक specific url होता है जो आपके document में यह बताता है , की क्यों text को insert या फिर change किया गया है |

<!DOCTYPE html>

<head>

<title>ins tag example</title>

</head>

<body>

<p>This is a new modification in a site

<ins cite="why_inserted.htm">This is an inserted text.</ins>

</p>

</body>

</html>

Datetime :– datetime एक ऐसा attribute है , जो यह बताता है की text को किस date/time में insert किया गया है |datetime attribute की value किसी भी browser पर display नहीं होती |

<!DOCTYPE html>

<head>

<title>ins tag example</title>

</head>

<body>

<p>This is a new modification in a site

<ins datetime="2012-09-15T22:55:03Z">This is an inserted text.</ins>

</p>

</body>

</html>

9. <Del> Tag (Deleted tag ) | Formatting tags

del tag यह define करता है की text , document से हटा दिया गया है | del tag का use करने से किसी भी text/content के बीचो बीच एक line खीच जाती है |

याद रखे del tag का use तभी करे , जब आपने अपने document में कोई modify किया हो | del tag का use mostly ins tag के साथ use करे | दोनों tag का साथ में use करना ज्यादा अच्छा है |

<html>

<head>

<title>

del tag example

</title>

</head>

<body>

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

</body>

</html>

Del tag के attributes:–

Cite :– cite attributes एक specific url होता है जो आपके document में यह बताता है , की क्यों text को delete या फिर remove किया गया है |

<!DOCTYPE html>

<head>

<title>

del tag example

</title>

</head>

<body>

<p>This is a new modification in a site

<del cite="why_inserted.htm">This is an deleted text.</del></p>

</body>

</html>

Datetime :– datetime एक ऐसा attribute है , जो यह बताता है की text को किस date/time में delete किया गया है | datetime attribute की value किसी भी browser पर display नहीं होती |

<!DOCTYPE html>

<head>

<title>

del tag example

</title>

</head>

<body>

<p>This is a new modification in a site

<del datetime="2012-09-15T22:55:03Z">This is an inserted text.</del></p>

</body>

</html>

10. <Mark> Tag | Formatting tags

mark tag का use text को mark/highlight करने के काम आता है , यह tag html5 में नया जोड़ा गया है |

<html>

<head>

<title>

mark tag example

</title>

</head>

<body>

<mark>i am an honest man</mark>

</body>

</html>

from Blogger http://elaernclasses.blogspot.com/2018/09/html-formatting-tags.html via IFTTT

#IFTTT #Blogger #elearnclasses

0 notes

pcguay-blog · 7 years

Text

Xiaomi Redmi 4x 2Gb/16Gb Rosa

Red Tecnología: GSM / CDMA / HSPA / EVDO / LTE bandas 2G: GSM 850/900/1800/1900 SIM 1 y SIM 2 bandas 3G: HSDPA 850/900/1900/2100 CDMA2000 1xEV-DO y TD-SCDMA bandas 4G: banda LTE 1 (2100), 3 (1800), 5 (850), 7 (2600), 8 (900), 38 (2600), 39 (1900), 40 (2300), 41 (2500) Velocidad: HSPA 42,2 / 5,76 Mbps, LTE-A (2CA) Cat6 300/100 Mbps GPRS: Sí SIM: Dual SIM (Nano-SIM / Micro-SIM, stand-by dual) Monitor Tipo: IPS LCD táctil capacitiva, 16M colores Tamaño: 5.0 pulgadas (~ 70,7% pantalla a cuerpo ratio) Multitáctil: Sí MIUI 8 Plataforma OS: Android OS, v6.0.1 (malvavisco) Ranura para tarjetas: microSD, hasta 256 GB (ranura dedicada) Interno: 16 GB, 2 GB RAM Cámara Primaria: 13 MP, f / 2,0, el enfoque automático de detección de fase, flash LED Caracteristicas: Geo-tagging, enfoque táctil, detección de rostro / sonrisa, HDR, panorama Vídeo: 1080p @ 30fps Secundario: 5 MP, f / 2,2, 1080p Tipos de alerta: Vibración; MP3, WAV ringtones Altoparlante: Sí jack de 3,5 mm: Sí Cancelación activa del ruido con micrófono dedicado Comms WLAN: Wi-Fi 802.11 b / g / n, Wi-Fi Direct, hotspot Bluetooth: v4.2, A2DP, LE GPS: Sí, con A-GPS, GLONASS, BDS Puerto de infrarrojos: Sí Radio: Radio FM USB: microUSB, v2.0 Caracteristicas sensores: De huellas digitales (trasero montado-), acelerómetro, giroscopio, la proximidad, brújula Mensajería: SMS (ver roscados), MMS, correo electrónico, Push Mail, mensajería instantánea Navegador: HTML5 Java: No batería de carga rápida, DivX / Xvid / MP4 / H.265, reproductor de MP3 / WAV / eAAC + / FLAC, Foto / editor de vídeo, visor de documentos Batería No extraíble Li-Po 4100 mAh de la batería Colocarse: Hasta 432 h (3G) Tiempo de conversación: Hasta 36 h (3G) reproducción de música: Hasta 87 h Read the full article

0 notes

programmingbiters-blog · 7 years

Photo

New Post has been published on http://programmingbiters.com/post-gallery/

A normal post with gallery

OK, so images can get quite complicated as we have a few variables to work with! For example the image below has had a caption entered in the WordPress image upload dialog box, this creates a caption shortcode which then in turn wraps the whole thing in a div with inline styling! Maybe one day they’ll be able to use the figure and figcaption elements for all this. Additionally, images can be wrapped in links which, if you’re using anything other than color or text-decoration to style your links can be problematic.

A beautiful skyline

Time to break the section with a title

The next issue we face is image alignment, users get the option of None, Left, Right & Center. On top of this, they also get the options of Thumbnail, Medium, Large & Fullsize. You’ll probably want to add floats to style the image position so important to remember to clear these to stop images popping below the bottom of your articles.

Some cool inline photo

Additionally, to add further confusion, images can be wrapped inside paragraph content, lets test some examples here. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean lacinia bibendum nulla sed consectetur.Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

And then… Finally, users can insert a WordPress

How it goes then

, which is kinda ugly and comes with some CSS stuck into the page to style it (which doesn’t actually validate, nor does the markup for the gallery). The amount of columns in the gallery is also changable by the user, but the default is three so we’ll work with that for our example with an added fouth image to test verticle spacing.

This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic, big or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link. It is also worth noting in the “kitchen sink” view you can also add underline styling and set text color with pesky inline CSS.

Here you can see the gallery:

Another paragraph starts

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

And last, and by no means least, users can also apply the Address tag to text like this:

Some address here:

123 Example Street, Testville, West Madeupsburg, CSSland, 1234

…so there you have it, all our text elements

You can see here how good it turns out with unordered lists:

Unordered list item one.

Unordered list item two.

Unordered list item three.

Unordered list item four.

By the way, WordPress does not let you create nested lists through the visual editor.

Currently WordPress blockquotes are just wrapped in blockquote tags and have no clear way for the user to define a source. Maybe one day they’ll be more semantic.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

And last, and by no means least, users can also apply the Address tag to text like this:

…so there you have it, all our text elements

Level Six Heading

0 notes

natajpalaciod-blog · 7 years

Text

Julio 12 del 2017

inicio tercer periodo

Hello World. Tu primera página Web en tu servidor Posted on

3 Septiembre, 2014

Verónica Serna

Una vez que habéis configurado vuestro servidor, ya tenéis todo preparado para crear vuestra primera página web.

Antes de nada, os hago un listado de todo lo que hemos hecho para configurar el servidor:

Tenemos un ordenador viejo o uno que no utilizamos. Vamos a descargar el Ubuntu 14.04 para crear un pendrive de arranque.

Instalamos el Ubuntu 14.04 en nuestro servidor.

Instalamos el Xampp y configuramos su panel de control

Una vez configurado el servidor, vamos a necesitar, dar permisos totales a la carpeta donde se van a almacenar las webs que creemos, y un editor html

Dando permisos a htdocs

Htdocs es el directorio donde se guardan las webs.

A dicho directorio, le tenemos que dar permisos de administrador para poder escribir, guardar y ejecutar las páginas que creemos.

Si abro un terminal (CTL+Alt+T) y tecleo la siguiente instrucción, podré ver los permisos que tiene el directorio htdocs:

$ sudo ls -l /opt/lampp

Permisos del directorio htdocs

Los permisos por defecto no son totales, sino parciales:

drwxr-xr-x 5 root root 4096 jun 4 07:29 htdocs

Permisos parciales de htdoc

Para que sean totales tienen que estar los tres grupos siguientes en rwxr (ahora solo está el primer grupo, cada grupo separado por un”-“).

Lo que significa cada letra es:

r: read . Permiso de lectura

w: write . Permiso de escritura

x: ejecutar . Permiso de ejecutar

Tecleo la siguiente instrucción, para darle los permisos:

$ sudo chmod a+w /opt/lampp/htdocs

Cambiando los permisos al directorio

Para ver el resultado, vuelvo a preguntar por los permisos con la instruccción:

$ sudo ls -l /opt/lampp

El resultado nos devuelve los tres grupos con permisos totales(rwx):

drwxr-rwx-rwx 5 root root 4096 jun 4 07:29 htdocs

Permisos cambiados en htdocs

Una vez tenemos los permisos totales del directorio htdocs, vamos a crear una redirección a nuestro escritorio que vamos a llamar www. Con ésto vamos a ganar en comodidad, ya que tendrémos siempre a mano nuestro directorio de páginas web o www en nuestra carpeta “home”.

$ sudo ln -s /opt/lampp/htdocs ~/www

Redirección al directorio www

Nota: Para sacar el símbolo ~, si no lo localizas en tu teclado, pulsa AlGr y el número 4 (AltGR + 4)

Para comprobar si se os ha creado correctamente, cierra el terminal y pulsa en el navegador de archivos (segundo icono del menú de navegación). Como podéis ver, vuestra carpeta home ya contiene el directorio www que acabáis de redireccionar.

Carpeta www redireccionada a home

Para hacerlo más cómodo todavía, voy a arrastrar el directorio www a mi escritorio al más puro estilo Windows. Selecciono el directorio con el ratón y lo arrastro al escritorio.

Arrastra tu directorio www al escritorio

Os dejo el artículo que me ha ayudado para los permisos de directorio

Instalación de un editor html.

Lo primero que necesito, es instalarme un editor, para ello me voy al icono que es como una cesta de la compra (Ubuntu SoftwareCenter) y busco uno. Si os fijáis en el menú izquierdo, haced clic sobre el el tercer punto: herramientas de desarrollo (developer tools)

Ubuntu software. Seleccionando developer tools

Seleccionamos el icono Web.

Ubuntu software center. Buscando editor html

Tras seleccinar, nos muestra una lista de editores html. Vamos a instalar el primero, Bluefish Editor, ya que es el más valorado de todos

Lista de editores html . Seleccionamos el más valorado

Una vez instalado. se nos ancla al menu de navegación, automáticamente.

Bluefish Editor anclado al menú de navegación

Nuestra primera página Web

Abrimos el editor Bluefish. En el menú lateral izquierdo, buscar el directorio que acabais de redireccionar al Escritorio.

Editor Bluefish, buscando mi directorio www

En el menú superior seleccionamos la pestaña: Standard, y debajo de ella el icono de empiece rápido (quickstart)

Quick start en Bluefish editor

Se nos abre una ventana donde podemos configurar la página.

En DTD podemos seleccionar si queremos una página HTML5 o anterior.

¿Qué significa ésto? Simplemente son formas de llamar a los elmentos que creemos dentro de la página, que siguen unos estandares a nivel mundial, con lo que ayudamos a que la página no solo se visualice correctamente en todos los navegadores, si no que además, si lo hacemos correctamente, ayudaremos a que nuestro contenido se pueda rastrear y posicionar en los buscadores (google por ejemplo). En mi siguiente artículo daré un pequeño tutorial de html, y como debemos llamar a cada elemento.

DTD helloworld html5

Con ésto ya tenemos el html preparado para la configuración. Vamos a editarlo. Podéis ver como configurar los meta en éste artículo

Una vez que empezais a escribir, el editor os vá ayudando, ofreciendoos sus sugerencias de html.

Editando html de mi helloworld

Basicamente para que os hagais una idea, una página web se compone de una cabecera y un cuerpo.

Cabecera (head): es todo lo que va entre las etiquetas <head></head>

Aquí va todo lo relacionado con el nombre, y configuración de la página. Y es ahí donde enlazaremos a los estilos y scripts de la página.

El cuerpo (body): es todo lo que va entre las etiquetas <body></body>

Aquí es donde ponemos el contenido de la página web. La única precaución que debemos seguir para cumplir los estándares, es llamar a todo por su etiqueta. Por ejemplo <p>Esto es un párrafo</p>

Tras esta pequeña introducción al Html, creo mi primera página web:

Configuracion html

Visualizando la página

Guardar la página como index.html (En el bluefish editor para guardar hay que dar en el menú superior, al icono tiene una flecha hacia abajo), en el directorio www recién creado.

Abrir vuestro navedador (acordaos que siempre teneis que arrancar el Xampp primero, para iniciar todos los servicios Web, si no lo haceis, no funcionará la pagina)

Teclear localhost/index.html

Esto es todo, con esto ya teneis vuestra primera página web funcionando.. En mi próximo artículo os daré un pequeño tutorial de html. No te lo pierdas. Un saludo

hello.cookyourweb

Manual PHP para principiantes

PHP es un lenguaje creado por una gran comunidad de personas. El sistema fue desarrollado originalmente en el año 1994 por Rasmus Lerdorf como un CGI escrito en C que permitía la interpretación de un número limitado de comandos. El sistema fue denominado Personal Home Page Tools y adquirió relativo éxito gracias a que otras personas pidieron a Rasmus que les permitiese utilizar sus programas en sus propias páginas. Dada la aceptación del primer PHP y de manera adicional, su creador diceñó un sistema para procesar formularios al que le atribuyó el nombre de FI (Form Interpreter) y el conjunto de estas dos herramientas, sería la primera versión compacta del lenguaje: PHP/FI.

PHP es un lenguaje que se ejecuta en el servidor, primero escribes la direccion que tenga PHP, luego el navegador va al server, ve que la pagina es PHP, la transforma a HTML, y devuelve un resultado HTML a el navegador.

Contenidos

No hay encabezados.

Lo Basico

Para poder agregar algo de PHP en nuestra pagina, debemos abrir el codigo PHP con un tag y un interrogante (<?), y para cerrarlo primero el interrogante y despues el tag (?>).No falta decir que hay 4 formas de iniciar un PHP:

• <?php echo ('Primera forma'); ?>

• <? echo ('Segunda Forma'); ?>

• <script language="php"> echo ('Tercera Forma'); </script>

• <% echo ('Forma Tipo ASP') %>

Aqui les mostrare un ejemplo de como escribir algo en una pagina HTML:

<html>

<head>

<title>Mi primera pagina HTML</title>

</head>

<body>

Aqui parte la sentencia en PHP

<?php echo "Hola a yodos, este es mi primer codigo en PHP"; ?>

</body>

</html>

Al terminar una sentencia PHP, SIEMPRE, debemos escribir un punto coma ( ; ), excepto cuando el codigo tiene una sola linea, por ejemplo:

<?php echo "Hola" ; ?>

<?php echo "Hola" ?>

Estos 2 estarian bien, pero si escribimos:

<?php

$a = Hola

$b = Mundo

echo "$a + $b"

Estaria mal, ya que no pusimos los punto coma ( ; )

Comentarios para PHP

Los comentarios en PHP son parecidos (mas bien los mismos) que se ocupan en C, C++ y en las shells de Unix. Aqui veremos ejemplos:

<?php

echo "Para poner comentarios" // Asi se pone un comentario de una linea

<?php

echo "Para poner comentarios de mas de una linea"

Aqui estoi poniendo

Comentarios de mas de una linea

en PHP

<?php

echo "Mas y Mas Comentarios" #Comentario tipo shell de Unix

Includes y Requires

Muchos de ustedes deben de haber visto alguna vez el "include", o el require, y pues bueno, aqui les enseñare a usarlos:

Include():

Este sirve para

incluir

un archivo, tal como su nombre lo dice. Por ejemplo si es que queremos que nuestra pagina tenga un contador de visitas, pero el contador de visitas es un archivo aparte, escribiriamos dentro del archivo esto:

<html>

<head>

<title>Includes ...</title>

</head>

<body>

<?php

include ('contador_visitas.php');

Aqui el contenido de la pagina

</body>

</html>

Require():

Sirve para decirle al archivo que requiere de algo, por ejemplo cuando un usuario entra sus datos, y los guardamos en un archivo aparte, debemos decirle al archivo que requiere de ese archivo para escribir sus datos, entonces ponemos:

tunombre.php

<?php

$nombre = $_GET ['nombre'];

$apellido = $_GET ['apellido'];

$pais = $_GET ['pais'];

$telefono = $_GET ['telefono'];

procesa.php

<html>

<head>

<title>Requires</title>

</head>

<body>

<?php

require (tunombre.php');

echo "Tu te llamas $nombre $apellido , Vives en $pais, y tu telefono es $telefono." ;

</body>

</html>

Otra cosa importante sobre los includes y requires, esque cuando no queramos que salga un error cuando la pagina no se encuentra, debemos poner una @ (arroba) antes

del include o el require, Ejemplo:

<?php

@include ('pagina.php') ;

Variables

Aqui entraremos a lo esencial de todos los lenguajes, las variables. En una variable uno puede guardar algo, despues sumarlo, restarlo, ver si es igual a otra variable o otra cosa, etc... Las variables deben tener un signo de plata al principio, SIEMPRE ($variable)

Aqui veremos un ejemplo:

<?php

$a = Hola; // Le asignamos el valor Hola a la variable A

$b = Mundo; // Le asignamos el valor Mundo a la variable B

$c = $a + $b; // Le asignamos el valor de A y B a la variable C

echo " $c " ; // Esto imprimiria "Hola Mundo"

Otra cosa muy importante, es que las variables son sensibles a mayusculas y minusculas, osea que si escribimos lo siguiente:

<?php

$uno = Hola;

$Uno = Mundo;

echo "$uno $Uno";

Nos daria Hola Mundo.

Cadenas

El unico operador de cadenas que existe, es el punto. Ejemplo:

<?php

$a = Hola ;

$b = $a . "Mundo" ; //Esto tiene Hola Mundo

Aqui hay que aclarar una cosa, es distinto hacer una cadena con comilla simple, y una con comilla doble, por ejemplo, si escribimos esto:

<?php

$a = Mundo ;

echo 'Hola $a'; //Escribiriamos Hola $a

echo "Hola $a"; //Esto si escribira Hola Mundo

Caracteres protegidos

Al igual que en otros lenguajes, la barra invertida, slash, o como la llamen ( \ ), se usa para ocupar los caracteres protegidos:

\n Esto crearia otra linea

\r Retorno

\t Tabulacion

\\ Barra invertida

\$ Signo de plata

\" Comillas dobles

Operadores de comparación

$a < $b $a es menor que $b

$a > $b $a es mayor que $b

$a <= $b $a es menor o igual a $b

$a >= $b $ a es mayor o igual a $b

$a == $b $a es igual a $b

$a != $b $a es distinto a $b

Operadores lógicos

$a AND $b Verdadero si los 2 son verdaderos

$a && $b Verdadero si los 2 son verdaderos

$a !! $b Verdadero si alguno de los 2 es verdadero

$a OR $b Verdadero si alguno de los 2 es verdadero

$a XOR $b Verdadero si solo uno es verdadero

!$a Verdadero si $a es falso

Operadores de asignación

$a = $b Asigna $a a $b

$a += $b Asigna a $a la suma de $b + $a

$a -= $b Asigna a $a la resta de $a - $b

$a *= $b Multiplica $a por $b y el resultado va para $a

$a /= $b Divide $a por $b y el resultado va para $a

$a .= $b Añade $a a $b

Sentencias de control

Con esto podremos ver si algo es verdadero o falso, y depende del resultado hacer algo:

If, Else

Con esto podemos ejecutar un codigo si algo es verdadero, y si es falso ejecutar otro codigo, por ejemplo:

<?php

$a = 3 ;

if ($a == 3) { // si $a es igual a 3

echo "La Variable A es igual a 3";

}

else {

echo "La variable A no es igual a 3";

}

If, Elseif, Else

Este es parecido a If, Else, solo que en este podemos hacer varios Ifs con Elseif:

<?php

$a = 8 ;

if ($a == 1) {

echo "A es igual a 1";

}

elseif ($a == 2) {

echo "A es igual a 2";

}

else {

echo "A no es igual ni a 1 ni a 2";

}

Switch, Case, Default

Este evalua y compara cada una de las expresiones de la sentencia case con la exprecion que evaluamos, si llegamos al final de la lista y no encuentra una condicion verdadera, ejecuta el codigo que hay en default, pero si encuentra una condicion que sea verdadera, la ejecuta y ocupa break para que no siga ejecutandose el codigo:

<?php

switch ($mes) {

case "Enero":

echo "Estamos en el mes de Enero";

break;

case "Febrero":

echo "Estamos en el mes de Febrero";

break;

case "Marzo":

echo "Estamos en el mes de Marzo";

break;

case "Abril":

echo "Estamos en el mes de Abril";

break;

case "Mayo":

echo "Estamos en el mes de Mayo, Es mi cumpleaños!! :D";

break;

case "Junio":

echo "Estamos en el mes de Junio";

break;

case "Julio":

echo "Estamos en el mes de Julio";

break;

case "Agosto":

echo "Estamos en el mes de Agosto";

break;

case "Septiembre":

echo "Estamos en el mes de Septiembre";

break;

case "Octubre":

echo "Estamos en el mes de Octubre";

break;

case "Noviembre":

echo "Estamos en el mes de Noviembre";

break;

case "Diciembre":

echo "Estamos en el mes de Diciembre, El ultimo mes del año!";

break;

default:

echo "Pos que raro, no estamos en ningun mes xD";

}

While

Esta sentencia ejecuta un codigo mientras una condicion se este cumpliendo (while, en castellano es mientras ...). Ejemplo:

<?php

$num = 1;

while ($num < 5) {

echo " $num ";

$num++

}

Al igual que en Switch, aqui tambien podemos parar el codigo con break:

<?php

$num = 1;

while ($num < 5) {

echo " $num ";

if ($num == 3) {

echo "Aki paramos";

break;

}

$num++

}

Variables y Formularios

Si es que sabemos trabajar con variables y formularios, podriamos hacer casi cualquier cosa (por ejemplo, podriamos hacer un recomendador de webs, un programilla que adivine "las posibilidades de amor", algo que pregunte el nombre de una persona y lo escriba, etc ...

Lo que tenemos que hacer es hacer un formularion dentro de una web html (<form action="pagina_que_procese.php" method=get/post>)

Primero preguntamos que nombre tiene, con un input de text (aqui ya entramos a html... xD si no sabes que es un input o un form, etc, y despues, en la pagina que procese, recuperamos los datos, con $_GET, aqui les explicaré como, con un ejemplo:

nombre.htm

<html>

<head>

<title>Como te llamas?</title>

</head>

<body>

Como te llamas?

<input type="text" size="30"

name="tunombre"

</form>

</body>

</html>

nombre.php

<?php

$tunombre = $_GET ['tunombre'];

Con este codigo recuperamos los datos de

nombre.htm y los guardamos en $tunombre

echo "Tu te llamas $tunombre";

Este era un ejemplo con un input text, aora veamos uno con un input checkbox:

que.htm

<html>

<head>

<title>que haras Hoydia?</title>

</head>

<body>

Que haras Hoy Dia?

Ire al cine<input type="checkbox"

name="check1"

Ire al Colegio<input type="checkbox"

name="check2"

Jugare Futbol<input type="checkbox"

name="check3"

Dormire todo el dia :D<input type="checkbox"

name="check4"

</form>

</body>

</html>

que.php

<?php

$check1 = $_GET ['check1'];

$check2 = $_GET ['check2'];

$check3 = $_GET ['check3'];

$check4 = $_GET ['check4'];

if (isset ($check1))

echo "$chek1<br><br>";

if (isset ($check2))

echo "$chek2<br><br>";

if (isset ($check3))

echo "$chek3<br><br>";

if (isset ($check4))

echo "$chek4<br><br>";

Como pueden ver, para ver si esta marcado el checkbox, utilizo el "Isset" (en castellano, esta puesto), por lo que seria "si esta puesto el check 1, etc ..."

Despues pondre mas ejemplos.

VI- Almacenamiento y Envio de Datos

Aki veremos el uso de fopen, fread y fwrite, y como enviar mails.

fopen

Abre un archivo o URL

Descripcion: int fopen (string filename, string mode [, int use_include_path])

Si filename empieza con http//:, se abre una conexion HTTP 1.0 hacia el servidor dado y devuelve un apuntador al archivo al comienzo del texto de respuesta.

Siempre se debe incluir una barra final.

Si filename empieza con ftp:// se abre una conexion ftp acia el servidor dado y se devuelve el aputandor del archivo rekerido

Si filename no empieza con lo dado anteriormente, el archivo se abre de los archivos que se encuentran en el servidor.

Mode, puede ser cualquiera de lo siguiente:

"r" - Abre el archivo solo para lectura

"r+" - Abre el archivo para lectura y escritura

"w" - Abre el archivo solo para escritura, si el archivo no existe, trata de crearlo.

"w+" - Aber el archivo para lectura y escritura, si el archivo no existe, trata de crearlo.

"a" - Abre el archivo solo para escribir (añadir), si el archivo no existe, trata de crearlo.

"a+" - Abre el archivo para escribir (añadir) y para lectura. Si el archivo no existe, trata de crearlo.

fwrite

Escribe en modo Binario

Descripcion: int fwrite (int fp, string string [, int length])

fwrite() escribe el contenido de string al fichero apuntado por fp. Si se da el argumento length, la escritura acaba antes de que length bytes sean escritos o se alcance el final de string, lo que pase primero.

fread

Lee archivos en modo binario

Descripcion: string fread (int fp, int length)

fread() lee hasta length bytes del apuntador del fichero referenciado por fp. La lectura acaba cuando length bytes se han leido o se alcansa EOF, lo que pase primero.

Bueno, sabiendo esto ya podriamos crear un contador... Aqui les dejo uno:

$archivo = "contador.txt";

$abre = fopen($archivo, "r");

$total = fread($abre, filesize($archivo));

fclose($abre);

$abre = fopen($archivo, "w");

$total = $total + 1;

$grabar = fwrite($abre, $total);

fclose($abre);

echo "<font face='verdana' size='2'>Hemos tenido <b>".$total."</b> visitas desde FECHA DE CREACION</font>";

Envio de mails

Esta es una funcion muy fácil, y el codigo "mail" hace casi todo por nosotros ... aqui va

mail (destinario, tema, mensaje, remitente);

Asi de simple, aqui un ejemplo:

email.htm

<html>

<head>

<title>Manda un Mail</title>

</head>

<body>

Introduce tu direccion: <input type=text size=20 name=direccion><br>

Introduce el mensaje:<br>

Introduce el Email de destino: <input type=text size=20 name=destino>

</form>

</body>

</html>

email.php

<?php

//recojemos los datos

$direccion = $_GET ['direccion'];

$mensaje = $_GET ['mensaje'];

$destino = $_GET ['destino'];

//Enviamos el mail

mail ($destino, "Hola!", $mensaje, "FROM: $direccion");

//Le decimos al user que su mail ha sido enviado con exito

echo "Tu mensaje ha sido enviado con exito ha: $destino !!";

Tutoriales

C Ya

Node.js Ya

Java Ya

Ruby Ya

Políticas de privacidad.

Curso

JavaScript desde CERO. El tutorial está pensado para que pueda ser desarrollado por una persona que no conoce lenguajes de programación, es decir "JavaScript mi primer lenguaje". El objetivo de este sitio es poder aprender JavaScript en forma sencilla viendo un concepto teórico, luego algunos ejercicios resueltos y por último y lo más importante, efectuar una serie de ejercicios. Puede resolver los ejercicios en el sitio, probarlos y ver los resultados. Se recomienda primero ver el detalle del tema, pasar posteriormente a la ejecución de problemas ya resueltos del tema tratado (podemos hacer modificaciones sobre dicho problema) y finalmente resolver los ejercicios propuestos.

Si tiene alguna duda sobre HTML puede visitar HTML Ya. Si ya conoce el lenguaje JavaScript puede visitar los sitios DHTML Ya, AJAX Ya y ver aplicaciones de este lenguaje. Puede visitar luego el tutorial de : Introducción a la librería jQuery (JavaScript)

Luego de completar el curso de Javascript esta invitado a aprender JavaScript en el servidor con Node.js .

Un listado ordenado de todos los cursos los puede visitar en Tutoriales Ya.

Orden del concepto

Concepto

Detalle del concepto

Problema resuelto

Problema a resolver

1Conceptos de Algoritmo, Programa y Lenguaje de Programación.

2Qué es JavaScript?

3Variables.

4Entrada de datos por teclado.

5Estructuras secuenciales de programación.

6Estructuras condicionales simples.

7Estructuras condicionales compuestas.

8Estructuras condicionales anidadas.

9Operadores lógicos && (y) en las estructuras condicionales.

10Operadores lógicos || (o) en las estructuras condicionales.

0 notes