HTML tutorial: How to modify image size, alignment, spacing and border attributes

HTML tutorial: How to modify image size, alignment, spacing and border attributes
Image tag : <img>
To insert an image into a page, we need to use the "img" tag, whose attribute is "src"
Example code:
<img src="test.jpg">
in conclusion:


Here we assume that the image files and html files are in the same directory.
Similarly we can give the full path of the image file.
For example:
<img src="C:\images\test.jpg">
Width and Height:
Correctly display the image in the web page by using the width and height properties.
Example code:
<img src="test.jpg" width=100 height=100>
in conclusion:


Alignment:
We can align the image using the "align" property.
Set the property value to: left/right/center
Example code:
<img src="test.jpg" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" align=left> <img src="test.jpg" align=right alt="html教程">
in conclusion:



frame:
We can set a border around the image using the "border" property. This can be used to create space around an image.
Example code:
<img src="test.jpg" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" _fcksavedurl=""test.jpg"" border=4>
in conclusion:
HTML tutorial: modify image size, alignment, spacing and border attributes

<<:  JS implements the dragging and placeholder functions of elements

>>:  Implementation of Mysql User Rights Management

Recommend

Beginners learn some HTML tags (2)

Related article: Beginners learn some HTML tags (1...

HTML framework_Powernode Java Academy

1. Framework A browser document window can only d...

Vue implements tree table through element tree control

Table of contents Implementation effect diagram I...

Tutorial on installing MySQL 5.7.18 using RPM package

system: CentOS 7 RPM packages: mysql-community-cl...

How to monitor Linux server status

We deal with Linux servers every day, especially ...

Detailed explanation of building MySQL master-slave environment with Docker

Preface This article records how I use docker-com...

Detailed explanation of Js class construction and inheritance cases

The definition and inheritance of classes in JS a...

Forever+nginx deployment method example of Node site

I recently bought the cheapest Tencent cloud serv...

React implements dynamic pop-up window component

When we write some UI components, if we don't...

Detailed explanation of fetch network request encapsulation example

export default ({ url, method = 'GET', da...

How to install Composer in Linux

1. Download the installation script - composer-se...

js to achieve drag and drop sorting details

Table of contents 1. Introduction 2. Implementati...

A brief analysis of React's understanding of state

How to define complex components (class component...