码迷,mamicode.com
首页 > Web开发 > 详细

HTML入门-页面结构&基础标签

时间:2020-04-06 20:56:37      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:元素   注意   静态网页   bae   创建文件   链接   基础   面试题   基本结构   

文章目录

一、什么是html?
二、动态网页与静态网页区别?(面试题)
三、三个版本和一个标准(面试题)
四、html5的扩展
五、html创建文件(重点)
六、html格式(重点)
七、html基本结构(重点)
八、注释
九、基础标签(重点)
十、文本标签
十一、布局标签
十二、特殊符号
一、什么是html?

html 超文本标记语言

文本:文字元素
超文本:视频,图片,音乐,链接
标记符:由左书名号和右书名号包裹一个标签名字的构造-----<p>
语言:人与电脑交流的语言方式
二、动态网页与静态网页区别?(面试题)

动态网页
编辑好的前端代码随着时间的变化,显示的内容在变化(你没有再次修改任何 代码)-----上线的产品页面都是动态页面
静态网页
编辑好的前端代码随着时间的变化,显示的内容没有任何变化
三、三个版本和一个标准(面试题)

html4.0.1
经典版本----80%
xhtml1.0
语法严谨—3%-5%
html5
最新版本-----平台
W3C
万维网联盟
四、html5的扩展

广义的html5-----html,css,javascript—组合技术
狭义的html5----HTML技术

五、html创建文件(重点)

创建一个文本文档文件
将后缀名改为.html
在文件中添加标签内容
保存后通过浏览器打开查看
六、html格式(重点)

双标签
语法结构:
<元素名>内容</元素名>
单标签:
语法结构
<元素名>(开始就是结束)
标签属性
原理:为了给当前标签的内容进行细节的样式设置
必须写在开始标签内
语法结构
<开始标签 属性名=“属性值”>内容</结束标签>
size----改变文字的字号(字体大小)
class----类名----(给当前标签取的别名,可以多个存在)
id----唯一性----整个页面(html文档)
style----样式属性----利用它实现css样式修改
title----提示性文本
七、html基本结构(重点)

完成文件创建的步骤
写声明标签告知浏览器我当前书写的html版本,让其按照对应版本进行编译
书写
在html标签中书写
在html标签中书写
八、注释

语法结构

<!-- 注释内容 -->
1
特点:不会再网页上显示只是在后台为编程人员提供说明

九、基础标签(重点)

hn标签----标题标签

注意:n代表的是1-6的数字
一般用来作为文章内容的标题
语法结构
<hn>内容</hn>

p标签----段落标签

利用它来实现一段文本的内容
语法结构
<p>文本内容</p>

br标签----换行标签
语法结构
文本<br>文本

hr标签----水平分割标签

语法结构
文本
<hr>
文本

十、文本标签

重点掌握标签(重点)
strong文字加粗标签
<strong>内容</strong>
em文字倾斜标签
<em>内容</em>
del删除样式标签
<del>内容</del>
了解标签
文字加粗标签
<b>内容</b>
文字倾斜标签
<i>内容</i>
相对字号增减标签
<small>内容</small>
<big>内容</big>
保留格式标签
<pre>内容</pre>
下滑线标签
<u>内容</u>
上下标标签
<sub>内容<sub>
<sup>内容<sup>
十一、布局标签

div标签

块级元素标签----盒子标签

span标签

行内元素标签----布局盒子内部文本样式的改变

区别:

块级元素默认自动占满整行,行内元素文本占多少我就占多少

十二、特殊符号

&nbsp;----英文字符空格
&emsp;----中文字符空格
&gt;----大于 >
&lt;----小于 <
————————————————
版权声明:本文为CSDN博主「保温杯里泡枸杞i」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_45697830/java/article/details/105311034

https://htcui.com/author/w6586110878/?tab=profile#pass
https://htcui.com/author/qd9daca2890799989df4f30af2568d3dc/?tab=profile#pass
https://htcui.com/author/q08af04b162a0edb0b2b759bf08b2b815/?tab=profile#pass
https://htcui.com/author/qb400c2adb80baeaa4cfb505e12e8c790/?tab=profile#pass
https://htcui.com/author/qbf1f960ea16efd60718dabef1812c057/?tab=profile#pass
https://htcui.com/author/qa01f60adb7c4dde6cbf29d7791610f1c/?tab=profile#pass
https://htcui.com/author/w6585720010/?tab=profile#pass

HTML入门-页面结构&基础标签

标签:元素   注意   静态网页   bae   创建文件   链接   基础   面试题   基本结构   

原文地址:https://www.cnblogs.com/dasdfdfecvcx/p/12643933.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!