/**
 * Theme functions and definitions
 *
 * @package HelloElementor
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

define( 'HELLO_ELEMENTOR_VERSION', '3.4.4' );
define( 'EHP_THEME_SLUG', 'hello-elementor' );

define( 'HELLO_THEME_PATH', get_template_directory() );
define( 'HELLO_THEME_URL', get_template_directory_uri() );
define( 'HELLO_THEME_ASSETS_PATH', HELLO_THEME_PATH . '/assets/' );
define( 'HELLO_THEME_ASSETS_URL', HELLO_THEME_URL . '/assets/' );
define( 'HELLO_THEME_SCRIPTS_PATH', HELLO_THEME_ASSETS_PATH . 'js/' );
define( 'HELLO_THEME_SCRIPTS_URL', HELLO_THEME_ASSETS_URL . 'js/' );
define( 'HELLO_THEME_STYLE_PATH', HELLO_THEME_ASSETS_PATH . 'css/' );
define( 'HELLO_THEME_STYLE_URL', HELLO_THEME_ASSETS_URL . 'css/' );
define( 'HELLO_THEME_IMAGES_PATH', HELLO_THEME_ASSETS_PATH . 'images/' );
define( 'HELLO_THEME_IMAGES_URL', HELLO_THEME_ASSETS_URL . 'images/' );

if ( ! isset( $content_width ) ) {
	$content_width = 800; // Pixels.
}

if ( ! function_exists( 'hello_elementor_setup' ) ) {
	/**
	 * Set up theme support.
	 *
	 * @return void
	 */
	function hello_elementor_setup() {
		if ( is_admin() ) {
			hello_maybe_update_theme_version_in_db();
		}

		if ( apply_filters( 'hello_elementor_register_menus', true ) ) {
			register_nav_menus( [ 'menu-1' => esc_html__( 'Header', 'hello-elementor' ) ] );
			register_nav_menus( [ 'menu-2' => esc_html__( 'Footer', 'hello-elementor' ) ] );
		}

		if ( apply_filters( 'hello_elementor_post_type_support', true ) ) {
			add_post_type_support( 'page', 'excerpt' );
		}

		if ( apply_filters( 'hello_elementor_add_theme_support', true ) ) {
			add_theme_support( 'post-thumbnails' );
			add_theme_support( 'automatic-feed-links' );
			add_theme_support( 'title-tag' );
			add_theme_support(
				'html5',
				[
					'search-form',
					'comment-form',
					'comment-list',
					'gallery',
					'caption',
					'script',
					'style',
					'navigation-widgets',
				]
			);
			add_theme_support(
				'custom-logo',
				[
					'height'      => 100,
					'width'       => 350,
					'flex-height' => true,
					'flex-width'  => true,
				]
			);
			add_theme_support( 'align-wide' );
			add_theme_support( 'responsive-embeds' );

			/*
			 * Editor Styles
			 */
			add_theme_support( 'editor-styles' );
			add_editor_style( 'editor-styles.css' );

			/*
			 * WooCommerce.
			 */
			if ( apply_filters( 'hello_elementor_add_woocommerce_support', true ) ) {
				// WooCommerce in general.
				add_theme_support( 'woocommerce' );
				// Enabling WooCommerce product gallery features (are off by default since WC 3.0.0).
				// zoom.
				add_theme_support( 'wc-product-gallery-zoom' );
				// lightbox.
				add_theme_support( 'wc-product-gallery-lightbox' );
				// swipe.
				add_theme_support( 'wc-product-gallery-slider' );
			}
		}
	}
}
add_action( 'after_setup_theme', 'hello_elementor_setup' );

function hello_maybe_update_theme_version_in_db() {
	$theme_version_option_name = 'hello_theme_version';
	// The theme version saved in the database.
	$hello_theme_db_version = get_option( $theme_version_option_name );

	// If the 'hello_theme_version' option does not exist in the DB, or the version needs to be updated, do the update.
	if ( ! $hello_theme_db_version || version_compare( $hello_theme_db_version, HELLO_ELEMENTOR_VERSION, '<' ) ) {
		update_option( $theme_version_option_name, HELLO_ELEMENTOR_VERSION );
	}
}

if ( ! function_exists( 'hello_elementor_display_header_footer' ) ) {
	/**
	 * Check whether to display header footer.
	 *
	 * @return bool
	 */
	function hello_elementor_display_header_footer() {
		$hello_elementor_header_footer = true;

		return apply_filters( 'hello_elementor_header_footer', $hello_elementor_header_footer );
	}
}

if ( ! function_exists( 'hello_elementor_scripts_styles' ) ) {
	/**
	 * Theme Scripts & Styles.
	 *
	 * @return void
	 */
	function hello_elementor_scripts_styles() {
		if ( apply_filters( 'hello_elementor_enqueue_style', true ) ) {
			wp_enqueue_style(
				'hello-elementor',
				HELLO_THEME_STYLE_URL . 'reset.css',
				[],
				HELLO_ELEMENTOR_VERSION
			);
		}

		if ( apply_filters( 'hello_elementor_enqueue_theme_style', true ) ) {
			wp_enqueue_style(
				'hello-elementor-theme-style',
				HELLO_THEME_STYLE_URL . 'theme.css',
				[],
				HELLO_ELEMENTOR_VERSION
			);
		}

		if ( hello_elementor_display_header_footer() ) {
			wp_enqueue_style(
				'hello-elementor-header-footer',
				HELLO_THEME_STYLE_URL . 'header-footer.css',
				[],
				HELLO_ELEMENTOR_VERSION
			);
		}
	}
}
add_action( 'wp_enqueue_scripts', 'hello_elementor_scripts_styles' );

if ( ! function_exists( 'hello_elementor_register_elementor_locations' ) ) {
	/**
	 * Register Elementor Locations.
	 *
	 * @param ElementorPro\Modules\ThemeBuilder\Classes\Locations_Manager $elementor_theme_manager theme manager.
	 *
	 * @return void
	 */
	function hello_elementor_register_elementor_locations( $elementor_theme_manager ) {
		if ( apply_filters( 'hello_elementor_register_elementor_locations', true ) ) {
			$elementor_theme_manager->register_all_core_location();
		}
	}
}
add_action( 'elementor/theme/register_locations', 'hello_elementor_register_elementor_locations' );

if ( ! function_exists( 'hello_elementor_content_width' ) ) {
	/**
	 * Set default content width.
	 *
	 * @return void
	 */
	function hello_elementor_content_width() {
		$GLOBALS['content_width'] = apply_filters( 'hello_elementor_content_width', 800 );
	}
}
add_action( 'after_setup_theme', 'hello_elementor_content_width', 0 );

if ( ! function_exists( 'hello_elementor_add_description_meta_tag' ) ) {
	/**
	 * Add description meta tag with excerpt text.
	 *
	 * @return void
	 */
	function hello_elementor_add_description_meta_tag() {
		if ( ! apply_filters( 'hello_elementor_description_meta_tag', true ) ) {
			return;
		}

		if ( ! is_singular() ) {
			return;
		}

		$post = get_queried_object();
		if ( empty( $post->post_excerpt ) ) {
			return;
		}

		echo '<meta name="description" content="' . esc_attr( wp_strip_all_tags( $post->post_excerpt ) ) . '">' . "\n";
	}
}
add_action( 'wp_head', 'hello_elementor_add_description_meta_tag' );

// Settings page
require get_template_directory() . '/includes/settings-functions.php';

// Header & footer styling option, inside Elementor
require get_template_directory() . '/includes/elementor-functions.php';

if ( ! function_exists( 'hello_elementor_customizer' ) ) {
	// Customizer controls
	function hello_elementor_customizer() {
		if ( ! is_customize_preview() ) {
			return;
		}

		if ( ! hello_elementor_display_header_footer() ) {
			return;
		}

		require get_template_directory() . '/includes/customizer-functions.php';
	}
}
add_action( 'init', 'hello_elementor_customizer' );

if ( ! function_exists( 'hello_elementor_check_hide_title' ) ) {
	/**
	 * Check whether to display the page title.
	 *
	 * @param bool $val default value.
	 *
	 * @return bool
	 */
	function hello_elementor_check_hide_title( $val ) {
		if ( defined( 'ELEMENTOR_VERSION' ) ) {
			$current_doc = Elementor\Plugin::instance()->documents->get( get_the_ID() );
			if ( $current_doc && 'yes' === $current_doc->get_settings( 'hide_title' ) ) {
				$val = false;
			}
		}
		return $val;
	}
}
add_filter( 'hello_elementor_page_title', 'hello_elementor_check_hide_title' );

/**
 * BC:
 * In v2.7.0 the theme removed the `hello_elementor_body_open()` from `header.php` replacing it with `wp_body_open()`.
 * The following code prevents fatal errors in child themes that still use this function.
 */
if ( ! function_exists( 'hello_elementor_body_open' ) ) {
	function hello_elementor_body_open() {
		wp_body_open();
	}
}

require HELLO_THEME_PATH . '/theme.php';

HelloTheme\Theme::instance();
<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />			<title>
			Базовые понятия HTML и CSS для начинающих - Yayasan Lentera Jagad Nusantara Sejahtera		</title>
		<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https://yoast.com/wordpress/plugins/seo/ -->
	<link rel="canonical" href="https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Базовые понятия HTML и CSS для начинающих - Yayasan Lentera Jagad Nusantara Sejahtera" />
	<meta property="og:description" content="Базовые понятия HTML и CSS для начинающих Создание веб-ресурсов берёт начало с познания двух важнейших инструментов. HTML отвечает за структуру и содержимое страниц. CSS контролирует зрительным стилизацией компонентов. Специалисты применяют HTML для расположения текста, иллюстраций, линков и других компонентов. CSS позволяет задавать тона, шрифты, размеры и расположение контейнеров. Эти языки функционируют совместно и дополняются друг [&hellip;]" />
	<meta property="og:url" content="https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/" />
	<meta property="og:site_name" content="Yayasan Lentera Jagad Nusantara Sejahtera" />
	<meta property="article:published_time" content="2026-06-23T07:15:25+00:00" />
	<meta property="article:modified_time" content="2026-06-23T12:32:52+00:00" />
	<meta property="og:image" content="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped.png" />
	<meta property="og:image:width" content="512" />
	<meta property="og:image:height" content="512" />
	<meta property="og:image:type" content="image/png" />
	<meta name="author" content="admin" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Written by" />
	<meta name="twitter:data1" content="admin" />
	<meta name="twitter:label2" content="Est. reading time" />
	<meta name="twitter:data2" content="1 minute" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/#article","isPartOf":{"@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/"},"author":{"name":"admin","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#/schema/person/782a2f9032ae6c02f73de97e3d04ed60"},"headline":"Базовые понятия HTML и CSS для начинающих","datePublished":"2026-06-23T07:15:25+00:00","dateModified":"2026-06-23T12:32:52+00:00","mainEntityOfPage":{"@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/"},"wordCount":1238,"commentCount":0,"publisher":{"@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#organization"},"articleSection":["News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/#respond"]}]},{"@type":"WebPage","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/","url":"https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/","name":"Базовые понятия HTML и CSS для начинающих - Yayasan Lentera Jagad Nusantara Sejahtera","isPartOf":{"@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#website"},"datePublished":"2026-06-23T07:15:25+00:00","dateModified":"2026-06-23T12:32:52+00:00","breadcrumb":{"@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/"]}]},{"@type":"BreadcrumbList","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://yayasanlenterajagadnusantarasejahtera.or.id/"},{"@type":"ListItem","position":2,"name":"Базовые понятия HTML и CSS для начинающих"}]},{"@type":"WebSite","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#website","url":"https://yayasanlenterajagadnusantarasejahtera.or.id/","name":"Yayasan Lentera Jagad Nusantara Sejahtera","description":"Ngaliyan Semarang Jawa Tengah","publisher":{"@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://yayasanlenterajagadnusantarasejahtera.or.id/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#organization","name":"Yayasan Lentera Jagad Nusantara Sejahtera","url":"https://yayasanlenterajagadnusantarasejahtera.or.id/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#/schema/logo/image/","url":"https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped.png","contentUrl":"https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped.png","width":512,"height":512,"caption":"Yayasan Lentera Jagad Nusantara Sejahtera"},"image":{"@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#/schema/logo/image/"}},{"@type":"Person","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#/schema/person/782a2f9032ae6c02f73de97e3d04ed60","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://yayasanlenterajagadnusantarasejahtera.or.id/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/024ab140cb4f66794d5c7c5422746d21b8707e25534d7419b6ea614e90321c52?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/024ab140cb4f66794d5c7c5422746d21b8707e25534d7419b6ea614e90321c52?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https://yayasanlenterajagadnusantarasejahtera.or.id"],"url":"https://yayasanlenterajagadnusantarasejahtera.or.id/author/admin/"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel="alternate" type="application/rss+xml" title="Yayasan Lentera Jagad Nusantara Sejahtera &raquo; Базовые понятия HTML и CSS для начинающих Comments Feed" href="https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/bazovye-ponjatija-html-i-css-dlja-nachinajushhih-48/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyayasanlenterajagadnusantarasejahtera.or.id%2F2026%2F06%2F23%2Fbazovye-ponjatija-html-i-css-dlja-nachinajushhih-48%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fyayasanlenterajagadnusantarasejahtera.or.id%2F2026%2F06%2F23%2Fbazovye-ponjatija-html-i-css-dlja-nachinajushhih-48%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>


<link rel='stylesheet' id='elementor-frontend-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.32.4' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.32.4' media='all' />
<link rel='stylesheet' id='widget-nav-menu-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.32.4' media='all' />
<link rel='stylesheet' id='widget-post-info-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor-pro/assets/css/widget-post-info.min.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.32.4' media='all' />
<link rel='stylesheet' id='elementor-post-7-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/elementor/css/post-7.css?ver=1781817851' media='all' />
<link rel='stylesheet' id='elementor-post-133-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/elementor/css/post-133.css?ver=1781817851' media='all' />
<link rel='stylesheet' id='elementor-post-144-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/elementor/css/post-144.css?ver=1781817851' media='all' />
<link rel='stylesheet' id='elementor-post-268-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/elementor/css/post-268.css?ver=1781817851' media='all' />
<link data-minify="1" rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1781817926' media='all' />
<link data-minify="1" rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/cache/min/1/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1781817926' media='all' />
<link rel='stylesheet' id='elementor-gf-poppins-css' href='https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=auto' media='all' />
<script id="jquery-core-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=GT-TB68423R" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["yayasanlenterajagadnusantarasejahtera.or.id"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-TB68423R");
 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
//# sourceURL=google_gtagjs-js-after
</script>
<link rel="https://api.w.org/" href="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-json/wp/v2/posts/28425" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://yayasanlenterajagadnusantarasejahtera.or.id/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<link rel='shortlink' href='https://yayasanlenterajagadnusantarasejahtera.or.id/?p=28425' />
<meta name="generator" content="Site Kit by Google 1.181.0" /><meta name="generator" content="Elementor 3.32.4; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-32x32.png" sizes="32x32" />
<link rel="icon" href="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-180x180.png" />
<meta name="msapplication-TileImage" content="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-270x270.png" />
</head>
<body class="wp-singular post-template-default single single-post postid-28425 single-format-standard wp-custom-logo wp-theme-hello-elementor elementor-default elementor-template-full-width elementor-kit-7 elementor-page-268">
		<header data-elementor-type="header" data-elementor-id="133" class="elementor elementor-133 elementor-location-header" data-elementor-post-type="elementor_library">
					<section class="elementor-section elementor-top-section elementor-element elementor-element-ac9727a elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ac9727a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b58152a" data-id="b58152a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-62dd684 elementor-widget elementor-widget-html" data-id="62dd684" data-element_type="widget" data-widget_type="html.default">
					<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5H6KV8HQ');</script>
<!-- End Google Tag Manager -->				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5c097fa elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5c097fa" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-abd7718" data-id="abd7718" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f6c7787 elementor-widget elementor-widget-image" data-id="f6c7787" data-element_type="widget" data-widget_type="image.default">
															<img width="512" height="512" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped.png" class="attachment-large size-large wp-image-369" alt="" srcset="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped.png 512w, https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-300x300.png 300w, https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-150x150.png 150w, https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-270x270.png 270w, https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-192x192.png 192w, https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-180x180.png 180w, https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/uploads/2025/10/cropped-11zon_cropped-32x32.png 32w" sizes="(max-width: 512px) 100vw, 512px" />															</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b0cebaa" data-id="b0cebaa" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a759088 elementor-nav-menu__align-end elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="a759088" data-element_type="widget" data-settings="{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-caret-down\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default">
								<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade">
				<ul id="menu-1-a759088" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-132"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/" class="elementor-item">Beranda</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/tentang-kami/" class="elementor-item">Tentang Kami</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/berita/" class="elementor-item">Berita</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/registrasi/" class="elementor-item">Registrasi</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/hubungi-kami/" class="elementor-item">Hubungi Kami</a></li>
</ul>			</nav>
					<div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false">
			<svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg><svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg>		</div>
					<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
				<ul id="menu-2-a759088" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-132"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/" class="elementor-item" tabindex="-1">Beranda</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/tentang-kami/" class="elementor-item" tabindex="-1">Tentang Kami</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/berita/" class="elementor-item" tabindex="-1">Berita</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/registrasi/" class="elementor-item" tabindex="-1">Registrasi</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="https://yayasanlenterajagadnusantarasejahtera.or.id/hubungi-kami/" class="elementor-item" tabindex="-1">Hubungi Kami</a></li>
</ul>			</nav>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-8b2bd5e" data-id="8b2bd5e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-490c327 elementor-widget elementor-widget-button" data-id="490c327" data-element_type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="#donasi">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Donasi Sekarang</span>
					</span>
					</a>
								</div>
					</div>
		</div>
					</div>
		</section>
				</header>
				<div data-elementor-type="single-post" data-elementor-id="268" class="elementor elementor-268 elementor-location-single post-28425 post type-post status-publish format-standard hentry category-news" data-elementor-post-type="elementor_library">
					<section class="elementor-section elementor-top-section elementor-element elementor-element-e2fdd44 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e2fdd44" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9bdf9a3" data-id="9bdf9a3" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f976151 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="f976151" data-element_type="widget" data-widget_type="theme-post-title.default">
					<h1 class="elementor-heading-title elementor-size-default">Базовые понятия HTML и CSS для начинающих</h1>				</div>
				<div class="elementor-element elementor-element-69023eb elementor-align-center elementor-widget elementor-widget-post-info" data-id="69023eb" data-element_type="widget" data-widget_type="post-info.default">
							<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
								<li class="elementor-icon-list-item elementor-repeater-item-15472d3 elementor-inline-item" itemprop="author">
						<a href="https://yayasanlenterajagadnusantarasejahtera.or.id/author/admin/">
											<span class="elementor-icon-list-icon">
								<svg aria-hidden="true" class="e-font-icon-svg e-far-user-circle" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M248 104c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96zm0 144c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm0-240C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-49.7 0-95.1-18.3-130.1-48.4 14.9-23 40.4-38.6 69.6-39.5 20.8 6.4 40.6 9.6 60.5 9.6s39.7-3.1 60.5-9.6c29.2 1 54.7 16.5 69.6 39.5-35 30.1-80.4 48.4-130.1 48.4zm162.7-84.1c-24.4-31.4-62.1-51.9-105.1-51.9-10.2 0-26 9.6-57.6 9.6-31.5 0-47.4-9.6-57.6-9.6-42.9 0-80.6 20.5-105.1 51.9C61.9 339.2 48 299.2 48 256c0-110.3 89.7-200 200-200s200 89.7 200 200c0 43.2-13.9 83.2-37.3 115.9z"></path></svg>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author">
										admin					</span>
									</a>
				</li>
				<li class="elementor-icon-list-item elementor-repeater-item-bb6e478 elementor-inline-item" itemprop="datePublished">
						<a href="https://yayasanlenterajagadnusantarasejahtera.or.id/2026/06/23/">
											<span class="elementor-icon-list-icon">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-calendar" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"></path></svg>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
										<time>June 23, 2026</time>					</span>
									</a>
				</li>
				<li class="elementor-icon-list-item elementor-repeater-item-6d61260 elementor-inline-item" itemprop="about">
										<span class="elementor-icon-list-icon">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-tags" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"></path></svg>							</span>
									<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-terms">
										<span class="elementor-post-info__terms-list">
				<a href="https://yayasanlenterajagadnusantarasejahtera.or.id/category/news/" class="elementor-post-info__terms-list-item">News</a>				</span>
					</span>
								</li>
				</ul>
						</div>
				<div class="elementor-element elementor-element-372227c elementor-widget elementor-widget-theme-post-content" data-id="372227c" data-element_type="widget" data-widget_type="theme-post-content.default">
					<h1>Базовые понятия HTML и CSS для начинающих</h1>
<p>Создание веб-ресурсов берёт начало с познания двух важнейших инструментов. HTML отвечает за структуру и содержимое страниц. CSS контролирует зрительным стилизацией компонентов.</p>
<p>Специалисты применяют HTML для расположения текста, иллюстраций, линков и других компонентов. CSS позволяет задавать тона, шрифты, размеры и расположение контейнеров. Эти языки функционируют совместно и дополняются друг друга.</p>
<p>Постижение <a href="https://kp-hygge.ru/">7k casino официальный сайт</a> предоставляет возможность к сфере веб-разработчика. Знание фундаментальных основ помогает создавать действующие и привлекательные порталы. Стартующие профессионалы могут оперативно приобрести практические навыки и внедрить их в действующих задачах.</p>
<h2>Что такое HTML и зачем он необходим сайту</h2>
<p>HTML декодируется как HyperText Markup Language. Язык разметки устанавливает архитектуру веб-документов и упорядочивает наполнение страниц. Браузеры обрабатывают HTML-код и показывают сведения в доступном для пользователей виде.</p>
<p>Каждый компонент страницы определяется специфическими директивами. Названия, параграфы, перечни, таблицы и формы формируются с помощью элементов. Метки представляют собой инструкции, размещённые в угловые скобки. Браузер обрабатывает эти команды и создаёт визуальное отображение содержимого.</p>
<p>Без HTML невозможно создать 7К казино любого рода. Язык разметки выступает базой для всех порталов. Поисковые сервисы изучают HTML-структуру для индексации веб-страниц. Правильная разметка улучшает позиции веб-ресурса в выдаче поиска.</p>
<p>HTML регулярно эволюционирует и обретает новые функции. Актуальная версия HTML5 поддерживает видео, аудио и динамические блоки. Специалисты могут интегрировать мультимедийный содержимое без добавочных модулей. Семантические метки способствуют казино 7к лучше понимать функцию разных элементов веб-страницы.</p>
<h2>Основные метки и организация веб-страницы</h2>
<p>Любой HTML-документ обладает чёткую многоуровневую структуру. Основной компонент html вмещает всё наполнение страницы. Внутри располагаются два основных секции: head и body.</p>
<p>Секция head сохраняет техническую информацию о файле. Здесь указывается название страницы, добавляются стили и скрипты. Посетители не наблюдают содержимое этого элемента напрямую. Секция body вмещает весь доступный контент.</p>
<p>Для упорядочивания контента используются различные метки:</p>
<ul>
<li>h1-h6 формируют титулы разных степеней</li>
<li>p оформляет текстовые абзацы</li>
<li>a генерирует линки на прочие страницы</li>
<li>img добавляет изображения в страницу</li>
<li>ul и ol формируют маркерные и нумерованные перечни</li>
<li>table структурирует информацию в табличном формате</li>
</ul>
<p>Смысловые элементы превращают разметку более доступной. Тег header обозначает заголовок портала. Тег nav группирует навигационные линки. Контейнер main вмещает главное содержимое страницы. Footer размещается в нижней части и вмещает контактную данные.</p>
<p>Грамотная организация документа значима для доступности. Приложения чтения с экрана задействуют 7k casino для перемещения по веб-странице. Разумная организация компонентов улучшает понимание информации всеми категориями зрителей. Корректный код действует исправно во всех современных обозревателях.</p>
<h2>Как CSS отвечает за внешнее облик веб-ресурса</h2>
<p>CSS декодируется как Cascading Style Sheets. Каскадные таблицы стилей устанавливают зрительное отображение HTML-элементов. Технология разделяет стилизацию от организации файла.</p>
<p>Без стилей все веб-страницы смотрятся единообразно. Браузер показывает текст чёрным цветом на белом фоновом цвете. Титулы приобретают базовые величины. CSS даёт возможность модифицировать каждый параметр внешнего облика.</p>
<p>Стили можно подключить тремя вариантами. Внешний файл связывается с HTML-документом посредством тег link. Внутренние стили помещаются в метке style. Встроенные стили прописываются в параметре элемента.</p>
<p>Каскадность подразумевает приоритет действия директив. Инлайновые стили получают максимальный преимущество. Внутренние стили переопределяют отдельные. Браузер применяет самое точное инструкцию к каждому элементу.</p>
<p>CSS управляет всеми визуальными параметрами. Специалисты устанавливают тона подложки и текста. Стили модифицируют величины, интервалы и рамки контейнеров. Актуальный 7К казино задействует анимации и переходы для генерации интерактивных результатов.</p>
<h2>Селекторы, свойства и параметры в CSS</h2>
<p>Правило CSS формируется из трёх частей. Селектор определяет элемент для оформления. Параметр определяет особенность дизайна. Значение задаёт конкретный параметр.</p>
<p>Селекторы отбирают компоненты по различным критериям. Селектор элемента применяет стили ко всем тегам конкретного типа. Селектор класса работает с атрибутом class. Селектор идентификатора выбирает индивидуальный тег по параметру id.</p>
<p>Комбинированные селекторы создают более специфичные директивы. Селектор потомка определяет внутренние элементы. Селектор дочернего элемента действует только с непосредственными детьми. Псевдоклассы назначают стили при определённых состояниях.</p>
<p>Свойства определяют различные стороны дизайна. Параметры color и background-color контролируют цветовой гаммой. Атрибуты width и height задают величины. Свойства margin и padding контролируют отступы.</p>
<p>Величины прописываются в различных форматах. Оттенки задаются в шестнадцатеричном виде, RGB или именами. Величины задаются в пикселях, процентах или пропорциональных единицах. Корректное задействование селекторов помогает казино 7к продуктивно регулировать дизайном большого количества элементов.</p>
<h2>Взаимодействие с оттенками, гарнитурами и полями</h2>
<p>Цветовое стилизация генерирует визуальную атмосферу страницы. Параметр color изменяет оттенок текста. Свойство background-color устанавливает подложку компонента. Оттенки указываются несколькими методами: названиями, шестнадцатеричными кодами или параметрами RGB.</p>
<p>Шестнадцатеричный формат стартует с символа решётки. Запись формируется из шести символов, представляющих красный, зелёный и синий каналы. Вид RGB использует числовые величины от 0 до 255 для каждого канала. Формат RGBA добавляет параметр альфа-канала.</p>
<p>Шрифтовое оформление сказывается на читаемость контента. Параметр font-family устанавливает гарнитуру шрифта. Атрибут font-size определяет величину символов. Атрибут font-weight контролирует насыщенность начертания. Свойство line-height задаёт межстрочный расстояние.</p>
<p>Стандартные шрифты имеются на всех платформах. Веб-шрифты подгружаются с внешних серверов. Сервис Google Fonts обеспечивает бесплатную библиотеку гарнитур. Программисты указывают несколько шрифтов в очерёдности предпочтения.</p>
<p>Отступы создают место вокруг элементов. Атрибут margin генерирует внешние поля между контейнерами. Параметр padding генерирует внутренние отступы от границ до наполнения. Поля можно устанавливать для каждой грани индивидуально или одним параметром сразу для всех краёв. Корректное применение 7k casino улучшает зрительную иерархию и понимание информации.</p>
<h2>Блочная схема и размещение блоков</h2>
<p>Блочная схема определяет структуру каждого HTML-элемента. Схема складывается из четырёх зон: содержимого, внутреннего отступа, обводки и внешнего отступа. Знание этой концепции требуется для корректного контроля габаритами.</p>
<p>Зона содержимого вмещает текст и изображения. Внутренний поле padding генерирует место между содержимым и границей. Рамка border очерчивает блок видимой чертой. Наружный поле margin формирует интервал до соседних элементов.</p>
<p>Свойство box-sizing модифицирует вычисление величин. Значение content-box считает только содержимое. Параметр border-box вмещает padding и border в итоговую размер.</p>
<p>Свойство display определяет режим представления. Блочные блоки используют всю свободную пространство. Inline элементы находятся в одной ряду. Вариант inline-block совмещает свойства обоих режимов.</p>
<p>Атрибут position регулирует расположением. Параметр relative перемещает блок относительно начального положения. Absolute позиционирует элемент относительно вышестоящего элемента. Современный 7К казино использует Flexbox и Grid для создания многоуровневых макетов.</p>
<h2>Гибкая разработка для разных аппаратов</h2>
<p>Отзывчивая вёрстка предоставляет корректное представление веб-ресурса на всех экранах. Посетители посещают на сайты с десктопов, планшетных устройств и телефонов. Оформление призван подстраиваться под величину дисплея самостоятельно.</p>
<p>Медиазапросы задействуют стили в зависимости от характеристик платформы. Директива @media контролирует ширину монитора и другие свойства. Программисты генерируют отдельные наборы стилей для разнообразных промежутков размеров.</p>
<p>Подход mobile-first открывает создание с варианта для телефонов. Базовые стили описывают дизайн для компактных дисплеев. Медиазапросы включают расширения для крупных экранов.</p>
<p>Адаптивные сетки задействуют относительные единицы расчёта. Ширина блоков задаётся в процентах вместо статичных точек. Flexbox и Grid создают адаптивные структуры без трудных расчётов.</p>
<p>Картинки требуют особого подхода при оптимизации. Свойство max-width со значением 100% предотвращает выступание иллюстраций за пределы элемента. Свойство srcset скачивает иллюстрации различного качества. Корректная внедрение 7k casino повышает пользовательский опыт на всех типах платформ.</p>
<h2>Типичные промахи начинающих при работе с HTML и CSS</h2>
<p>Новички разработчики совершают распространённые ошибки при разработке страниц. Знание типичных ошибок способствует исключить их в личных разработках. Исправление промахов на первых этапах сохраняет время и повышает стандарт программы.</p>
<p>Основные ошибки при взаимодействии с разметкой и стилями:</p>
<ul>
<li>Незакрытые метки нарушают архитектуру страницы и ведут к некорректному визуализации</li>
<li>Использование deprecated тегов вместо новых семантических элементов</li>
<li>Отсутствие замещающего текста для картинок ухудшает доступность материала</li>
<li>Встроенные стили в HTML осложняют обслуживание и корректировку оформления</li>
<li>Некорректная иерархия компонентов вызывает проблемы в структуре</li>
<li>Чрезмерное применение идентификаторов вместо классов затрудняет повторное задействование стилей</li>
</ul>
<p>Ошибки с CSS также возникают регулярно. Стартующие забывают прописывать меры измерения для числовых параметров. Чрезмерно точные селекторы усложняют изменение стилей. Отсутствие обнуления стилей обозревателя порождает различия в визуализации на различных системах.</p>
<p>Пренебрежение кроссбраузерной согласованности приводит к сложностям. Страница может отлично смотреться в одном обозревателе и некорректно в втором. Валидация скрипта посредством специальные сервисы находит синтаксические промахи. Систематическая проверка помогает казино 7к обеспечивать отличное стандарт создания и соблюдение нормам.</p>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
				<footer data-elementor-type="footer" data-elementor-id="144" class="elementor elementor-144 elementor-location-footer" data-elementor-post-type="elementor_library">
					<section class="elementor-section elementor-top-section elementor-element elementor-element-13fd8d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="13fd8d9" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-91f4695" data-id="91f4695" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-44c36ba elementor-widget elementor-widget-heading" data-id="44c36ba" data-element_type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">©2025 Yayasanlenterajagadnusantarasejahtera. All right reserved </h2>				</div>
					</div>
		</div>
					</div>
		</section>
				</footer>
		
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script id="elementor-webpack-runtime-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.32.4"></script>
<script id="elementor-frontend-modules-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.32.4"></script>
<script id="jquery-ui-core-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.32.4","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"e_optimized_markup":true,"theme_builder_v2":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"import-export-customization":true},"urls":{"assets":"https:\/\/yayasanlenterajagadnusantarasejahtera.or.id\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/yayasanlenterajagadnusantarasejahtera.or.id\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/yayasanlenterajagadnusantarasejahtera.or.id\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"eb852eedb0"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":28425,"title":"%D0%91%D0%B0%D0%B7%D0%BE%D0%B2%D1%8B%D0%B5%20%D0%BF%D0%BE%D0%BD%D1%8F%D1%82%D0%B8%D1%8F%20HTML%20%D0%B8%20CSS%20%D0%B4%D0%BB%D1%8F%20%D0%BD%D0%B0%D1%87%D0%B8%D0%BD%D0%B0%D1%8E%D1%89%D0%B8%D1%85%20-%20Yayasan%20Lentera%20Jagad%20Nusantara%20Sejahtera","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.32.4"></script>
<script id="smartmenus-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1"></script>
<script id="elementor-pro-webpack-runtime-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.31.2"></script>
<script id="wp-hooks-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/yayasanlenterajagadnusantarasejahtera.or.id\/wp-admin\/admin-ajax.php","nonce":"a96716641e","urls":{"assets":"https:\/\/yayasanlenterajagadnusantarasejahtera.or.id\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/yayasanlenterajagadnusantarasejahtera.or.id\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/yayasanlenterajagadnusantarasejahtera.or.id\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script id="elementor-pro-frontend-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.31.2"></script>
<script id="pro-elements-handlers-js" src="https://yayasanlenterajagadnusantarasejahtera.or.id/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.31.2"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://yayasanlenterajagadnusantarasejahtera.or.id/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://yayasanlenterajagadnusantarasejahtera.or.id/wp-includes/js/wp-emoji-loader.min.js
</script>

</body>
</html>

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->