【轻松前端之旅】<!DOCTYPE>标签

【【轻松前端之旅】<!DOCTYPE>标签】的更多相关文章

【轻松前端之旅】<!DOCTYPE>标签

前端学习,先学习HTML,CSS,Javascript HTML - HyperText Markup Language HTML-超文本标记语言,提供了一种标记网页内容的方法. 浏览器怎么知道如何显示一个页面呢?因为HTML告诉浏览器页面内容的结构. 浏览器将翻译HTML中的所有标记(尖括号括起来的,如<div>). 不同的标记代表不同的含义.如,<img>代表图片.<p>代表段落. 今天开始学习HTML标签. 标签:<!DOCTYPE> 所有浏览器都支持…

【轻松前端之旅】元素，标记，属性，<html>标签

HTML文档是由HTML元素定义的. HTML元素(element)指的是从开始标签(start tag)到结束标签(end tag)的所有代码. 有些元素会使用简写记法,如<img src='test.png'> ,没有结束标记. 在css中,我们通过选择器来选择元素,并定义其样式. 在javascript中,我们通过document.getElementBy...方法来获取元素,动态操作元素的属性和结构. 元素 = 开始标记+内容+结束标记属性(attribute)为HTML元素提供附…

【轻松前端之旅】<a>元素妙用

浏览器读取服务器内容时,通过URL(包含:协议+域名+绝对路径)如:https://www.baidu.com/index.html浏览器从本地读取内容时,会用file协议.如:file:///E:/website/index.html <a>标签中的href属性,可以通过URL或相对路径来链接到其他页面.最好自己网站的页面用相对路径,外部网站用URL.用href也可以指定到页面中的某个位置,只需要在改位置元素加上id属性,使用#就可以做到.如:<a href="home.ht…

【轻松前端之旅】HTML的块元素、行内元素和空元素

块(block)元素显示成一块,前后有换行.块元素常用于web页面的主要构造模块.例如:<div>,<p>,<h1>~<h6>,<blockquote> 行内(inline)元素(内联元素) 显示在行内,内容与父元素内容在一行.内联元素通常用来标记小段内容.例如:<q>,<em> 空(void)元素没有内容,用一个开始标签即可.如:<br>,<img> 实体字符(character entity…

【轻松前端之旅】CSS选择器中的空格与尖括号有何区别？

CSS选择器中的空格与尖括号有何区别? 例子1: .a .b { margin: 0; } 空格隔开a和b,选择所有后代元素. 例子2: .a>.b { margin: 0; } 尖括号隔开a和b,选择所有子元素. 两个例子的区别就在于后代和子,后代包含子子孙孙. [空格符]white space characters 扫码关注就等你了!…

【轻松前端之旅】CSS盒子模型

盒子模型,也叫框模型,在CSS里是很重要的概念. 每个元素都可以看做一个盒子.盒子包含四个部分:外边距(margin).边框(border).内边距(padding).元素内容(element content). 我们知道html元素可以嵌套,所以,元素内容还可以包含其它元素. 盒子模型如下图所示: 注意: 1.height和width属性,指的是元素内容的宽度和高度!元素的总宽度=width+padding+border+margin! 2.background背景属性,应用到元素内容.内边距…