首页 > 其他分享 >HTML入门笔记1

HTML入门笔记1

时间:2023-05-27 18:23:58浏览次数:42  
标签:入门 样式 标签 笔记 HTML tab id 属性

一、HTML是谁发明的?
1990年Tim Berners Lee发明了www(world wide web万维网),为了方面人们于阅读网页,与此同时自己又发明了HTML、HTTP、URL;用自己写的浏览器去访问自己写的服务器,这就是如今人们上网访问网页的起源和雏形。

二、HTML起手应该写甚么?

三、常用的表章节的标签

  • h1-h6 标题:1-6 标题大小逐级递减
  • section 章节:用来写内容块
  • article 文章:用来写文章块
  • p 段落
  • header 头部
  • footer 底部
  • main 主要内容部分
  • aside 傍边内容
  • div 划分

四、全局属性全局属性表示:任何标签均可具有的属性

  • class 类名
  • contenteditable 可编辑的,加上改属性的标签,即可被编辑;
  • hidden 隐藏;可以通过css进行重新设置是否隐藏
  • id id名,虽然id表示全局唯一的id名称,但是实际上,如果全局包含两个相同id,不仅不会报错,且设置的样式均可正常显示,因此一般情况下不建议使用;并且window上面具有的属性均不能设置改id名,否则js里面直接利用id操作dom对象时不起作用,只能通过document.getelementById()来获取;
  • style 设置在标签上面的样式
  • tabindex 通过tab键来操作页面,不适用鼠标的情况下,tab可以选中页面上的选项,且0表示最后一个选中的,-1表示该元素不可以被选中;
  • title 表示当鼠标移到该元素上时显示该标签的
  • title属性值

五、常用的内容标签* *

  • ul + li 有序列表
  • ul + li 无序列表
  • dl + dt + dd 带有标题的列表
  • pre 保留HTML标签中的空格、tab、回车
  • hr 分割线
  • br 自动换行符
  • a 超链接 (href target两个属性)
  • em 强调 斜体(语气强调)
  • strong 强调 加粗 (内容强调)
  • code 代码 表现样式未字母等宽
  • quote 引用:行内的引用,且样式上没有甚么区别
  • blockquote 引用:块级的引用

标签:入门,样式,标签,笔记,HTML,tab,id,属性
From: https://www.cnblogs.com/wk945/p/17437119.html

相关文章

  • https:imnks.com369.html hosts处理
    https:imnks.com369.htmlhosts处理sudo-i#手动筛选的ip,2022.11.1更新curlhttp://code.imnks.com/hosts.sh|bash#自动筛选的ipcurlhttp://code.imnks.com/hosts-auto.sh|bash​​......
  • STM32平衡小车学习笔记
    PID算法速度与位置串级PID......
  • 渗透测试分析 ---- xxe实体注入入门
    因为我对xxe知之甚少,所以使用chatgpt帮忙翻译了一下效果十分优秀,当xml解析器解析了这句话就会取出外部数据 ......
  • Java入门10(IO流)
    IO流(input/output)​ 数据运输的载体或者中间键字节流输入字节流(FileInputStream)​ 以字节为最小单元,读取任何类型的文件,但是要注意字符集类型的转换。publicstaticvoidtestFileInputStream(){//获取文件对象Filef=newFile("文件绝对路径balabala");//......
  • SVN 学习笔记
    SVN简介和安装SVN是什么?代码版本管理工具它能记住你每次的修改恢复到任何历史版本恢复已经删除的文件SVN跟Git相比,有什么优势?使用简单,上手快目录级权限控制,企业安全必备子目录Checkout,减少不必要的文件检出SVN主要应用开发人员用来做代码的版本管理用来存储一......
  • SA后缀数组学习笔记
    什么是后缀数组后缀数组主要是用来处理字符串的,分为两种方法:倍增法以及DC3,但由于倍增法通俗易懂,码量小,常数小,所以今天这篇文章我就只介绍倍增法(不可能是因为我不会DC3)前缀知识No.1基数排序跟桶排序差不了多少,思想就是:将整数按位数切割成不同的数字,然后按每个位数分别比较。......
  • Git 学习笔记
    笔记来源视频链接:黑马程序员Git全套教程,完整的git项目管理工具教程,一套精通git_哔哩哔哩_bilibiliGit基础命令操作(本地仓库)配置用户名和Email右键打开GitBash:gitconfig--globaluser.name"用户名"gitconfig--globaluser.email"邮箱地址"Git结构1.创建本地......
  • tracer ftrace笔记(17)——atrace命令抓trace
    一、atrace命令解析1.帮助信息#atrace-h用法:usage:atrace[options][categories...]选项包括:-aappname为逗号分隔的cmdlines列表启用应用程序级跟踪;*是匹配任何进程的通配符-bN使用大小为NKB的跟踪缓冲区-c......
  • 最小生成树学习笔记
    什么是最小生成树一个图中可能存在多条相连的边,我们从一个图中挑出一些边生成一棵树(树就是指一个无向连通图不包含回路(连通图中不存在环))。这仅仅是生成一棵树,还未满足最小,当图中每条边都存在权重时,这时候我们从图中生成一棵树(n-1条边)时,生成这棵树的总代价就是每条边......
  • 思考-关于纸质还是电子笔记
    原因有长期用纸质记录规划每天生活的习惯,但是由于长期使用键盘打字,在使用纸笔写字的过程中,写字速度有点慢,手写速度更不上大脑的思考速度;其次,手部手写过程中出现不适感,而在打字的过程中,虽然有打错字的概率,但总体上还行。纸质的好处写作的内容较为随意写作的方式、风格较为......