小鱼0135

JavaWeb——前端之HTML&CSS

学习视频链接：https://www.bilibili.com/video/BV1m84y1w7Tb/?spm_id_from=333.999.0.0

一、Web开发

1. 概述

能通过浏览器访问的网站

2. Web网站的开发模式——主流是前后端分离

二、前端Web开发

1. 初识

前端编写的代码通过浏览器进行解析和渲染得到我们看到的网页，不同的浏览器有不同的内核，拿为甚么我们看到的网页在不同的浏览器下是一样的？——Web标准

大部分由W3C（World Wide Web Consortium，万维网联盟）负责制定

Web标准的三个组成部分

HTML： 网页结构（页面的元素和内容）
CSS： 网页的表现（页面元素的外观、位置等页面样式）
JavaScript： 网页的行为（交互效果）

HTML(HyperText Markup Language)：超文本标记语言

超文本：除了文字，还可以定义图片、音频、视频等内容
标记语言：预定义好的标签组成，不区分大小写
标签中的属性可以使用双引号，也可以使用单引号
HTML语法松散，格式不是很严谨，也能识别解析

CSS(Cascading Style Sheet)：层叠样式表

用于控制页面的样式

W3school 进行详细学习

2. HTML



DOCTYPE html>
<html lang="en">
<head>
    
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈：中国第七 新思想夯实大国粮仓title>
head>
<body>
    
    
    <hr>
body>
html>

3. CSS

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>焦点访谈：中国底气 新思想夯实大国粮仓title>
    
    <style>
        h1 {
            /* h1被称为选择器 */
            /* color: red; */
            /* color: rgb(0, 0, 255); */
            color: #4D4F53;
        }
    style>    

    
    
head>
<body>
    <img src="img/news_logo.png"> 新浪政务 > 正文

    
    
    

    \<h1>焦点访谈：中国底气 新思想夯实大国粮仓h1>

    \<hr>
    2023年12月28日 21:50 央视网
   \<hr>

\body>
\html>

CSS 引入的三种方式

行内样式——在当前标签内指定style，临时有效
内嵌样式——在里面定义