0
点赞
收藏
分享

微信扫一扫

【无标题】日常打卡,学习前端的第三天

佳简诚锄 2022-04-13 阅读 25
前端学习

html笔记

什么是html html是网页使用的语言,主要是定义网页的内容和结构。html网页是从服务器上下载html代码,然后渲染出来的网页。html全称是:超文本标记语言(浏览器根据html不同的标记显示对应的效果)-HyperText Markup Language。发明者:Tim Berners-Lee。

网页主要包含3种技术: html(网页的内容和结构),css层叠样式表(网页样式),javascript(网页特性和交互效果)网页的基本机构 标签: html的标记是放在<>里面,一般放在<>里面的叫标签。元素: 标签包裹起来的内容也可以叫元素属性:<!doctype html> 声明html5.0版本<html lang="zh"> //网页的根元素,lang是告诉浏览器或者搜索引擎网页内容的格式(zh是中文,en是英文) <head> 网页的头部,主要是给浏览器的信息,头部的内容除了title以外,其他都是用户看不见的。 <title>第1个网页</title> 网页的标题 <meta charset="uft-8" > 元数据,设置网页的编码,告诉浏览器用对应的编码渲染html内容 </head> <body> 身体部分,所有用户可见内容都是写在这里 我是一个html网页 </body></html>

闭合标签: 由开始标签< > 和 结束标签</ > 组成,成对出现。html大部分标签都是闭合标签。自闭合标签: 只有一个标签 < >,h5的规范不建议用< />metalinkbrhrinputimg块级元素: 独占一行,内容没有把一行占完,但是块级元素会占满整行。后面给内容会被换行行内元素(内联元素):不会独占一行,内容的宽高就是元素的宽高。标签嵌套规则: 块级元素可以嵌套块级元素和行内元素,行内元素不能嵌套块级元素。html的空格和换行: html是有自己的处理规则,标签内容开始和结束的空格和换行会被忽略,内容之间的会被缩减为1个空格。注释: <!-- --> 浏览器不会渲染出来,主要是给编程人员看的。文本标签: <p>:段落标签,表示一个文本的段落,默认上下有16px的外边距

<h1>-<h6> : 标题标签,默认有外边距<span>: 没有任何语义,主要是给css样式用。<br>:强制换行,只要遇到<br>就会换行<wbr>不能显示整行才会换行,能显示完整行就不会换行。<hr> 显示一根横线,一般会用样式代替,一般不建议用了<pre> 会保留用户输入的格式。<b> 没有任何语义,单纯的加粗,一般加粗会用样式实现,不建议大家用。<strong> 有加粗效果,有强调的语义,如果有强调的内容可以用该标签。<i> 表示斜体,没有任何语义<em> 表示斜体,有强调的语义。<sup>上标,<sub>下标,<var>表示一个变量,默认是斜体效果<blockquote>表示引用一段内容, <cite>表示引用出自某人某处,<q>也是表示引用,是一个行内元素<code> 表示内容是一段代码,显示为等宽字体效果。<mark> 标记一段内容,一般默认显示黄色背景。

举报

相关推荐

【无标题】第三天作业

打卡学习第三天

第三天打卡

暑假第三天打卡

学习Python第n个第三天,打卡

第三天学习

0 条评论