HTML第一天

最新推荐文章于 2021-10-15 09:15:41 发布
最新推荐文章于 2021-10-15 09:15:41 发布
阅读量124 收藏
点赞数
分类专栏： 前端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gcyqweasd/article/details/113099504
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--
        	HTML是由一系列标签构成的
        	HTML的基本结构:
        	标签:不区分大小写
        	  由开始标签和结束标签构成,中间的部分叫做标签体
        	  单标签:在开始标记中直接结束标签
        	每一个标签都支持属性的书写,属性用来设定标签内容的特殊效果,属性必须写在开始标记中
        	属性的书写方式:属性名=属性值
        	 一个标签是可以书写多个属性的,没有前后顺序
        	根标签:html标签
        	   head标签:用来设定文档头文件的内容
        	       meta标签:用来设定文档的编码字符集
        	       title标题:用来给文档设定标题
        	                  还可以有:style link script 等标签
        	   body标签:用来生成文档的主题内容
        	HTML常用标签:
        	 标体标签:h1~h6
        	 段落标签:p
        	   自带换行效果,段落之间是有距离的
        	 换行标签:br
        	 水平线标签:hr
        	 字体标签:加粗--strong
        	                   斜体--em
        	 图片标签:img
        	  src属性  指定图片位置
        	  alt属性  图片不能正常加载时的替代文本
        	  title:图片的标题  鼠标悬停在图片上显示的文字
        	  width:设定图片宽度
        	  height:设定图片高度
        	 绝对路径和相对路径
        	 绝对路径:当要显示的图片资源不在当前工程中,src属性要使用绝对路径显示图片
        	 相对路径:当要显示的图片资源在当前工程中,src属性要使用相对路径显示图片
                                超链接:a
                href属性:指定链接要跳转到的位置
                target属性:用来指定链接跳转的方式
                   _black:在新窗口中打开链接
                   _self:默认值 在当前窗口中打开链接
                   _parent:在父窗口中打开连接
                   _top:在浏览器整个窗口中打开链接
                                预设格式文本:pre
                                        保留源代码的内容格式
                                字体标签:font
               size:设置字体大小
               color:设置字体颜色
               face:设置字体类型
                                字体样式:   
               <b>粗体</b>
	           <i>斜体</i>
	           <u>带下划线的字体</u>
	           <sub>下标</sub>
	           <sup>上标</sup>
	           <del>
最低0.47元/天 解锁文章
婉菡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript 入门第一天
caozhisanguo的专栏
01-10 2万+
javascript 入门第一天
java实习生第一天到公司
一将终成
12-15 1万+
1，首先你应该了解公司的实习生政策，以及签署三方协议的事情。工资：公司只会给实习生月薪2-8k之间。福利：饭补，车补，加班状况等。其他的就没了。实习生就是苟活，各位，不要以为咋了。 2，当你入职时，公司会让你携带，身份证复印件，学生证，银行卡复印件，三方协议（三方协议一般公司会压住，等你即将毕业才给你签，怕你跑路）。 3，第一天你该做什么工作呢？？ （1）：见见同事，见见经理，熟悉熟悉人，可以加一...
HTML第一天10.15,修改版
WGY0227的博客
10-15 6421
HTML第一天 一 html 1.1 什么是HTML？ HTML称之为超文本标记语言。 文本：其实就是文字 超文本：不仅有文字还包括 音频 视频 超链接 图片等内容。 HTML超文本标记语言，其实就是一套浏览器能识别的标签，能通过这些标签构建出超文本的内容（网页） 也就是说 ，我们学习HTML就是学习有什么标签 会有什么效果。 1.2 开发工具 DW:设计工具。 设计师（美工）设计图制作出来。前端工程师 WS:开发工具。 HBuilder：开发工具 VS:最新 使用流程： 1
用HTML+CSS做一个漂亮简单的个人网页
热门推荐
qq_42523321的博客
12-20 58万+
用HTML+CSS做一个漂亮简单的个人网页 1.刚好帮我妹写了一个作业做一个个人网页设计，简单的三个小页面，就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈！！！可能有点low但是对她来说或者需要做简单的个人网站应该就够了吧！ 图片是从站酷上面找的(因为我不会设计图)，如果有侵权了什么的请联系我立刻马上删掉哈! （首页的首屏有下雪了的特效，右下角有音乐播放提示） 2.先看一下效果哈！ 效...............
springcloud第一天，从面试题开始
你还有好多未完成的梦，你有什么理由停下？
05-28 1万+
springcloud第一天，从面试题开始 1、什么是微服务？ 业界大牛： 马丁·福勒 这样描述微服务： 通常而言，微服务架构是一种架构模式或者说是一种架构风格，它提倡将单一应用程序划分为一组小的服务，每个服务运行在其独立的自己的进程中，服务之间互相协调、互相配合，为用户提供最终价格。服务之间采用轻量级的通信机制互相沟通（通常是基于HTTP的RESTful API）。每个服务都围绕着具体业务进...
使用HTML制作一个简单的个人主页
indulgexiaomei的博客
10-09 20万+
此网页我对html有了一个简单，初步的认识后制作的一个网页，主要目的是练习html的一些简单操作，由于时间关系，有很多做的不好，细节处理不到位的地方。 废话不多说，先来看效果 1、首页 这一个网页就是进行了网页背景、背景音乐、段落的处理、水平线以及超链接的简单练习。 2、我的相册 这一页主要是对大量图片进行一个排版的练习 3、我的计划 这一页主要是对文本有序无序以及表格内部的背景颜色等等的练习 4、我的家乡 这一部分是对段落、还有文本与图片结合的练习 5、我的故事 这个是对表格进阶版的练习，文字
oracle取去年的最后一天,oracle本月、上月、去年同月第一天最后一天
weixin_35758982的博客
04-11 7547
select trunc(sysdate, 'month') 本月第一天,trunc(last_day(sysdate)) 本月最后一天,trunc(add_months(sysdate, -1), 'month') 上月第一天,trunc(last_day(add_months(sysdate, -1))) 上月最后一天,trunc(add_months(sysdate, -12), 'mont...
Vue 第一天
越是憧憬，越要风雨兼程
10-09 1万+
vue 第一天 环境安装 下载安装nodejs 官网下载地址：nodejs下载 安装过程一直点下一步即可 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架 npm install ...
前端新手小白，入职第一天，我都做了什么
温柔咩咩的博客
08-11 1万+
作为一个新手小白，入职头一天晚上我都是慌的，入职第一天我到底该做些什么？？？ 以下都是我对自己第一天入职的一些记录，希望对同样迷茫的同学有些帮助。 1.入职材料 2.配置环境 3. 拉取代码 4.总结 ...
我的第一个html网页（完整代码）
weixin_51275821的博客
06-08 1万+
下面的代码全部完整可用 学习四天，历时一周终于完成 - 首先在HBuilder X上建一个基于HTML的项目如图： 参考“宁夏博物馆”的官网，我们team共十人，我负责“公众服务”模块 - liuxue.css中的代码为： .container{ width: 100%; /* height: 100%; */ background-color:ghostwhite; /* background-image: url(../liuxueimg/f.jpg); */ /* background
HTML第一天.xmind
03-14
个人整理的HTML学习资料，希望能帮到你^-^! - HTML 指的是超文本标记语言 (**H**yper **T**ext **M**arkup ...- HTML 不是一种编程语言，而是一种标记语言 (markup language) - 标记语言是一套标记标签 (markup tag)
html第一天.zip
10-12
在“html第一天.zip”这个压缩包中，很显然，我们将会接触到HTML的基本概念和常用标签，这些都是初学者入门HTML时必须了解的知识点。 首先，HTML文档的结构由头部（Head）和主体（Body）两部分组成。头部包含了元...
html第一天.xmind
11-01
html第一天.xmind
html第一天笔记.pdf
04-02
html简述
HTML侧面导航栏
青柠小甜味
10-23 5532
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> ul li { list-style: none; } body, html { width: 100%; height: 100%; } * {
HTML入门之 求圆的周长与面积,网页运算器,求最大值
青柠小甜味
10-23 5283
1.求圆的面积 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var r=prompt('请输入半径'); var c=2*Math.PI; var m=Math.PI*r*r; document.write("圆的周长"+parse
Web实现简易音乐播放器
青柠小甜味
07-22 3382
music.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>音乐播放器</title> <link rel="stylesheet" type="text/css" href="../css/musicStyle.css"/> <script src="../js/music.js" type="text/javascr
通用管理系统顶部及侧面导航栏简易制作
青柠小甜味
07-23 3102
indexStystem.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>通用管理系统</title> <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/> <link rel="stylesheet" type="text/css" hr
唯品会导航栏简单制作
青柠小甜味
01-27 2038
weipinhui.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>唯品会</title> <link href="css/weipinhui.css" rel="stylesheet" type="text/css"/> </head> <body> <div id="right"&g
html的input中type="week" 以周日为第一天
最新发布
06-07
在 HTML5 中，可以使用 `type="week"` 属性来创建一个周选择器。但是，无法直接更改周的第一天。因为根据国际标准 ISO 8601，每周的第一天为周一。不过，您可以使用 JavaScript 来更改显示的周数，以使其以周日作为第一天。以下是一个实现该功能的示例代码： ```html <input type="week" onchange="updateWeek(this)"> ``` ```javascript function updateWeek(input) { var week = input.value; var year = week.substring(0, 4); var weekNumber = week.substring(6); var date = new Date(year, 0, (weekNumber - 1) * 7); var day = date.getDay(); if (day === 0) { weekNumber--; } else { date.setDate(date.getDate() + (7 - day)); } input.value = year + '-W' + weekNumber.toString().padStart(2, '0'); } ``` 这段代码创建了一个 `type="week"` 的输入框，并在其 `onchange` 属性中指定了一个 JavaScript 函数 `updateWeek`。该函数首先获取输入框中当前的周数，并将其分割为年份和周数两部分。然后，它将周数转换为一个日期对象，并找到该周的第一天是星期几。如果第一天是周日，那么周数不变；否则，将周数减一，并将日期调整为该周的最后一天（即周六）。最后，它将修改后的周数重新赋值给输入框。 需要注意的是，这段代码仅适用于支持 ISO 8601 标准的浏览器，如 Chrome、Firefox 和 Edge。在其他浏览器中，`type="week"` 可能会转换为一个普通的文本输入框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值