DAY1学习视频笔记

最新推荐文章于 2024-08-13 20:57:25 发布
最新推荐文章于 2024-08-13 20:57:25 发布
阅读量322 收藏
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/giamiang/article/details/70231209
版权

DAY1学习视频笔记

一、网站开发需要学什么？

1.前端部分

通过html标签把网页内容做出来，如文本框、超链接   （html：超文本标记语言）

通过CSS实现网页外观设计

通过JS执行网页动作，如关闭按钮

2.后台部分


3.数据库

aql server（微软）

二、第一个html页面

1.<!DOCTYPE>文档声明（没有的话不同浏览器会默认采用不同版本的声明，影响兼容性问题）（有html、html+、html5and so on ）
2.命名空间：所有标签都来自某个网站，因为可以自定义标签的，但可能自定义的和html的撞了，就会产生混乱。
<html>

<head>

<title>我是网站标题</title>

</head>

<body>网页内容</body>

</html>

三、html常用标签

<p></p>标签：表示段落
<!--><-->：表示注释
<br/>标签：表示换行，是单标签
<h1></h1>……<h6></h6>

<b></b>：粗体标签
<i></i>：斜体标签
<u></u>下划线标签
<s></s>：删除线标签
<sub></sub>：下
<sup></sup>：上


列表标签

有序列表：（1.2.3.)

<ol>

    <li>苹果</li>

    <li>香蕉</li>

    <li>菠萝</li>

</ol>

(<ol type="a"></ol>效果是a.b.c.)

无序列表：(空心.方块.)

<ul>

    <li>苹果</li>

    <li>香蕉</li>

    <li>菠萝</li>

</ul>

定义列表：

<dl>

   <dt>一般用于一问一答</dt>

   <dd>一般用于一问一答（但是这个dd是什么鬼啊？）</dd>

</dl>

w3school解释：自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。？？？



pre/html转义/abbr标签

预定义文本标签：pre（保留空格和段落）

html转义：实现html语言在网页中也能呈现

abbr：<abbr title="World Trade Organization">WTO</abbr>


table标签

<table border=“1px"   cellpadding="5px"文字内间距为5  cellspacing="5px">

<tr></tr>：行标签

<th></th>：表头标签

<td></td>：实现表格主体内容的输入

</table>

（属性中实现行与行的合并用rowspan;实现列与列的合并用colspan)

<table>

<caption>表格标题</caption>

<tr><th>表头1表头2</th></tr>
<tr><td>内容1内容2</td></tr>
<tr><td>内容3内容4</td></tr>
</table>


giamiang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
博客前端自学笔记
weixin_43131497的博客
03-22 278
Day1： 学完了html、css和js的基础知识，从今天开始自己结合所学知识跟视频做一个博客的前端 第一步是创建出来index.html和index.css，这个就不详细描述了，直接上代码 html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &lt...
Web前端学习笔记--day1
qq_44515207的博客
02-03 223
Web前端学习笔记–初始 1.开发工具：visual studio code 2.安装插件：live server 二、html基础 1.新建一个html文件：快捷键!+Tab键生成模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
前端学习笔记——day1
trammelsol的博客
06-21 276
HTML5+css+javas 本次实验一个图片流水切换加动态生成导航栏 鼠标移入移出事件响应 动态生成 多函数嵌套` 定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片轮播+导航按钮事件响应</title> <style> #ibanner{ positi
web前端学习笔记——Day1(html)
qq_43338468的博客
05-07 467
heda标签 meta ​ meat标签的组成：meat标签共有两个属性，它们分别是http—equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 ​ 1、name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 <meta name='keywords' conten...
自学前端Day1(常见标签、路径、表格)
qq_39579087的博客
07-08 204
HTML 笔记 Day1 2020.7.6 插件 open in browser auto rename tag 同步更改成对标签 DOCTYPE、lang、charset、html/css/js <!DOCTYPE html> 文档类型声明标签(不是html标签)，告诉浏览器当前html页面使用的是哪个html版本(这句是版本5)，要处于html标签前。 lang 用于指定当前文档显示的语言 en为英文 zh-CN为中文 meta charset=“UTF-8” 用于指定字符集 ht
day11-day27学习笔记.rar
03-21
在“Java基础视频精华版深入浅出学习笔记”中，我们可以预期涵盖了一系列核心Java概念和技术。 首先，从文件名“day12学习笔记.docx”到“day27学习笔记.rar”，我们可以推测这是一系列连续的学习过程，覆盖了Java...
oracle视频学习笔记.docx
11-04
以下是对Oracle视频学习笔记中提及的一些关键知识点的详细解释： 1. **时间插入与格式化**：在Oracle中，使用`TO_DATE`函数可以将字符串转换为日期类型，例如`TO_DATE('2021-01-02', 'yyyy-mm-dd')`。这允许我们在...
黑马程序员hibernate框架开发2016版视频day1-day4源码笔记
04-24
《黑马程序员Hibernate框架开发2016版视频day1-day4源码笔记》是一份针对初学者和进阶者深入理解Hibernate框架的重要学习资源。该资料集覆盖了Hibernate框架的基础到高级应用，通过day1至day4的学习内容，旨在帮助...
JavaWeb视频教程-day10
04-25
【JavaWeb视频教程-day10】是一门针对JavaWeb开发的深入学习课程，主要涵盖了JavaWeb开发中的核心概念和技术。本教程可能详细讲解了在实际项目开发中常见且重要的知识点，帮助初学者或有一定基础的开发者提升技能。...
学习JavaEE的day10
02-28
在“Day10”这个压缩包文件中，可能包含了这一天学习的所有内容，比如Eclipse的安装包，一些示例代码，学习资料，以及可能的笔记和理解图。这些资源可以帮助你回顾和巩固当天的学习，通过实践加深对JavaEE开发的理解...
前端学习笔记Day1（文档结构和标签）
rmcgo
07-31 283
文档结构和标签01 HTML文档结构02 基本标签03 标签属性04 文本格式化标签05 实体转义06 块级元素和行级元素07 语义化标签08 总结第一天作业及答案 01 HTML文档结构 <!DOCTYPE html><!--！：表申明的意思。下面的文档标签将以html5规范去解析它--> <html> <!--头部，主要用来完成一个网页的相关设置的。--> <head> <meta charset="utf-8"><!
HTML学习笔记Day1
demin3278的博客
12-26 144
一、网站建设流程 　　1.注册域名（网址） 　　2.租用空间（服务器） 　　3.网站建设 　　　　（1）确定网站主题（项目） 　　　　（2）搜集材料（项目） 　　　　（3）规划网站（UI） 　　　　（4）制作页面（前端--后端） 　　4.网络推广 　　5.网站维护（与UI、前端、后台、测试都相关） 二、Web的构成 　　1.结构：XHTML、XML、HTML5（W3...
JS自学day1
前端工程师学习记录
03-18 339
1. script元素 在使用script嵌入JavaScript代码时，记住不要在代码中的任何地方出现"/script"字符串，负责会引发错误。例如下面的代码，执行时就会出现错误。 <script> function sayScript(){ alert("</script>"); } </script> 如果需要引入外部JS文件，那么src属...
WEB前端学习day1-HTML
qq_44850230的博客
03-19 1361
HTML基础知识 1.HTML语法规范 <html> <head></head> <body></body> </html> <br/> 标签是尖括号包围的关键字。 通常是双标签，开始和结束标签，如<html>等； 也有单标签，如<br/> 也可写为<br> (转义标签用``) 2.网页初始化 DOCTYPE:声明文档类型 告诉浏览器使用哪种HTML版本来显示网页 lang：定义文档
四天带你快速前端入门
Wiliam的博客
06-04 929
Day1 什么是前端，前端技术的应用 前端就是数据的呈现 了解代码的编写软件vs code。 vs code包含Emmet，所以可以快捷的完成很多操作 ！ 快速生成html基础结构 lorem+数字 快速生成指定值的随机单词 前端的三驾马车——HTML,CSS,JS HTML——超文本标记语言 ，负责网页的结构 CSS——层叠样式表，负责网页的格式 JS ——负责网页的效果，JavaScript CTRL+/——快速注释 指令*数量——快速执行多个重复命令 HTML包含哪些元素 开始标记、结束标记、元素
【python】使用字符串格式化渲染html
最新发布
longforone的博客
08-13 378
将 CSS 中的“{}”全部替换为“{{}}”，这种方法是可行的。在 Python 进行字符串格式化时，“{{}}”中的“{}”及其他内容会被当作普通字符串处理，不会被格式化。但当我开启 PyCharm 的代码格式化功能时，原本的“{{}}”会被转换为“{\n{ }\n}”，因此使用起来较为麻烦，甚至不太能用。然而，由于 HTML 模板中存在 CSS 样式，其“{}”语法与 Python 格式化字符串的语法产生了冲突。接着，针对“body”部分使用关键字参数进行字符串格式化，如此一来，看起来也更为直观。
html超文本标记语言 (HyperText Mark up Language)
2302_78076476的博客
08-10 299
HTML（超文本标记语言）是构建网页的标准标记语言。它为网页提供结构和内容，允许开发者创建各种元素，比如文本、图像、链接、表格和表单等。是网页的基本骨架。
前端（HTML + CSS）小兔鲜儿项目（仿）
li3123537691的博客
08-09 556
这是一个简单的商城网站，代码部分为HTML + CSS 和少量JS代码。
最新HTML设计搜索表单
业精于勤荒于嬉，行成于思毁于随
08-10 424
页眉中包含表单，表单中只需包含label和Input.
Web前端Day1学习笔记：关键概念与标签解析
"这是一份关于web前端学习的笔记，主要涵盖了HTML基础标签和属性的使用，包括文本格式化、链接、表格、列表、注释以及一些基本样式控制。" 在web前端开发中，HTML（HyperText Markup Language）是构建网页内容的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值