HTML
前端三剑客之HTML,网页的结构骨架!
玉安_ZhangDe
web前端后进之学。
咬定青山不放松,自缘身在破岩中。
千磨万击还坚劲,任尔东西南北风。
展开
-
HTML学习13:H5新增表单元素及其属性
h5新增属性<form action=""> <ul> <li>邮箱: <input type="email" /></li> <li>网址: <input type="url" /></li> <!-- 时间和日期 还挺好用 --> <li>日期: <inpu.原创 2022-04-10 22:13:24 · 1666 阅读 · 0 评论 -
HTML学习12:表单
目录表单的基本属性input:预览:除input之外预览表单中了解的部分name和value值form表单中,method有两种提交数据方式get提交post 提交表单的基本属性input:<!-- form里面的属性,目前了解即可。 --><!-- action 如果没有值默认提交到本页面 --> <!-- method 表单提交的方式 post get get 提交会在地址栏中显示提..原创 2022-03-17 10:39:04 · 2302 阅读 · 0 评论 -
HTML学习11:表格
目录表格的结构表格代码结构具体如下:表格结构网页预览:合并单元格单元格合并代码示意合并单元格网页预览表格的结构表格代码结构具体如下: <!-- table就是表格的最大标签 --> <!-- border 表格边框 --> <!-- align 表格在父元素中 对齐方式 --> <!-- cellpadding 控制的是内容和边框之间的距离 --> <!-- cel.原创 2022-03-17 09:58:01 · 340 阅读 · 0 评论 -
HTML学习10:a链接(超链接)
首先,我们来简单的了解一下超链接的属性<a href="跳转到的地址" target="跳转的方式">点击跳转</a><a href="https://www.baidu.com" target="_self">点击跳转</a><a href="demo.html" target="_blank">点击跳转</a>href的属性值填写大概有6种:<h4>1.外部链接</h4> <原创 2022-03-15 20:13:21 · 1133 阅读 · 0 评论 -
HTML学习9:路径
在我目前看来,路径分为三种:相对路径、绝对路径相对路径:从当前文件找目标文件同一级:直接写文件的名称<img src="img.jpg">下一级:一般指的是兄弟文件夹里的文件<img src="images/img1.jpg"><!-- images/picture/img2.jpg 其中的"/" 叫做目录分隔符-->上一级:../ 代表的是当前文件的上一层总目录 我有俩页面(文件夹) 我只有一个页面(文件夹) o原创 2022-03-15 19:30:42 · 354 阅读 · 0 评论 -
HTML学习8:插入图片
前端学习8:插入图片原创 2022-03-15 18:47:28 · 806 阅读 · 0 评论 -
HTML学习7:列表
列表(list)1、铅笔2、尺子3、橡皮在HTML中也可以创建列表,html列表一共有3种1、无序列表2、有序列表3、定义列表无序列表。使用ul标签来创建有序列表使用li表示链表项 <ul> <li>结构</li> <li>表现</li> ...原创 2021-08-25 15:05:09 · 136 阅读 · 0 评论 -
HTML学习6:语义化标签(3)
布局化语义标签(结构化语义标签)header表示网页的头部/顶部main表示网页的主题部分(一个页面中只会有一个main)footer表示网页的底部nav表示网页中的导航aside和主体相关的其他内容(侧边栏)article表示一个独立的文章section表示一个独立的区块,上面的标签都不能表示时使用section,表其他实际上,在工作中...原创 2021-08-13 14:19:14 · 104 阅读 · 0 评论 -
HTML学习5:语义化标签(2)
块元素(blockelement)-在网页中一般通过块元素来对页面进行布局行内元素(inlineelement)-行内元素主要用来包裹文字-一般情况下会在块元素中放行内元素而不会在行内元素中放块元素-块元素中基本上什么都能放-p元素中不能放任何的块元素浏览器在解析网页时,会自动对网页中不符合规范的内...原创 2021-08-12 15:49:39 · 67 阅读 · 0 评论 -
HTML学习4:语义化标签(1)
在网页中HTML专门用来负责网页的结构所以在使用HTML标签是,应该关注的是标签的语义,而不是它的样式标题标签h1-h6一共有六级标签h1最重要,h6最不重要h1在网页中的重要性仅次于title标签,一般情况下一个页面只会有一个h1一般情况下标题标签只会使用到h1-h3,h4-h6很少用标题标签都是块元素 ...原创 2021-08-11 16:17:41 · 100 阅读 · 0 评论 -
HTML学习3:meta标签
meta主要用于设置网页中的一些元数据,元数据不是给用户看的charset指定网页的字符集name指定的数据的名称content指定的数据的内容比如最经常使用的是规定页面的字符集<meta charset="UTF-8">keywords表示网站的关键字,可以同时指定多个关键字,关键字间使用,隔开<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装...原创 2021-08-11 15:23:27 · 76 阅读 · 0 评论 -
HTML学习2:实体
p标签表段落在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格在HTML中有些时候,我们不能直接书写一些特殊符号比如,连续的空格比如,字母两侧的大于和小于号 <p> 今天 天气不好!~ </p> <p> 今天 &...原创 2021-08-11 15:01:15 · 101 阅读 · 0 评论 -
HTML学习1:文档声明&进制&字符编码
文档声明(doctype)-文档声命用来告诉浏览器当前网页的版本-html5的文档声明<!doctype html>进制十进制(日常使用)-特点:满10进1-计数:0 1 2 3 4 5 6 7 8 9 10 11 12 .... 19 20-单位数字:10个(0-9)二进制(计算机底层的进制) -特点:满10进1-计数...原创 2021-08-09 15:54:31 · 192 阅读 · 0 评论