最近开始学习前端的一些知识,了解了一下Html和CSS。
HTML:是网页内容的载体,它负责的是网页的内涵,也就是网页要呈现的内容,包括了图片,视频还有文字。是网页要加载的东西;
CSS:是样式表现,也就是网页好不好看就是它负责的。用来改变内容的外观;
JavaScript是用来实现网页的特效,如鼠标滑过表格背景的颜色改变。还有新闻图片的轮换。可以实现交互,动画。
HTML标签:
标签的特点:
标签由英文尖括号括起来;
一般是成对出现。分为开始标签和结束标签;结束标签比开始标签多了一个/;如:
标签和标签之间是可以嵌套的,也就是一个标签里面还可以再放入一个标签;
HTML标签不区分大小写;(建议小写)
TTML文件的基本结构:
...:根标签,所有的标签都放在根标签中;
、其中
... :在该标签之间的文字是网页的标题信息,他不会在网页中出现,而是出现在浏览器的标题栏中,该标签用于告诉用户和搜索引擎这个网页的内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。... :标签之间的内容是网页的内容,也就是网页上显示的内容都放在这里。如、
、、等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
HTML的代码注释的格式:
标签一:
标签 :段落
语义:添加段落
语法:
段落文本
,一段文字一个标签;
默认样式:,段前段后都会有空白;
标签二:标签:标题
语义:网页标题,他和
... 是不一样的,也表示的是显示在网页上面的标题,也就是文章的标题语法:标题文本 (x为1-6)
默认样式:加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推,h6标签的字号最小。
标签三:和: 加强语气
语义:都表示强调,但是的语气比强调的语气更加强烈;
语法: 需要强调的文本 ,需要强调的文本
默认样式:显示为斜体,显示为加粗。
标签四::为文字设置单独样式
语义:无;只是为文字设置和其它文字不同的样式
语法:文本
注意:使用该标签,还应在
... 标签中设置属性:如:span{
color:blue;
//为元素设置文本颜色为蓝色。
}
标签五::短文本引用
语义:引用别人的话
语法:引用文本
默认样式:文字加上双引号
标签六:
:长文本引用语义:引用别人的话
语法:
引用文本默认样式:缩进样式
标签六:
:分行显示文本(空标签)语义:回车换行
语法:
标签是一个空标签,只需要写一个开始标签在 html 代码中输入回车、空格都是没有作用的。
标签七: : 空格
语义:一个空格
语法:
标签八:
:添加水平横线(空标签)语义:分隔的横线
语法:
(xhtml1.0版本)默认样式:线条比较粗
标签九:
:为网页加入地址信息语义:定义电子邮件地址、签名或者文档的作者身份等联系地址
语法:
联系地址信息默认样式:斜体
标签十:
:插入一行代码
语义:单行代码
语法:
代码语言
标签十一:
:预格式化的文本语义:预格式化的文本,
语法:
语言代码段样式:被包围在 pre 元素中的文本通常会保留空格和换行符
主要用于插入一段代码
HTML学习笔记——标签(二)
标签十二:
- 标签 语义:是没有前后顺序的信息列表 语法:
- 信息
- 信息 ... ...
HTML学习笔记——标签设置格式
1>标签设置格式 n" ng-app="myApp">
Makefile的学习笔记
Makefile的学习笔记 标签: makefilewildcard扩展includeshellfile 2012-01-03 00:07 9586人阅读 评论(2) 收藏 举报 分类: Linux ...
NetFlow学习笔记
NetFlow学习笔记 标签: netflow 由于工作需要,对NetFlow做了一些学习和调研,并总结成文档以供学习分享. 背景:随着系统的升级与漏洞的修补,入侵主机进而进行破坏的病毒攻击方式在攻击 ...
JVM学习笔记-JVM模型
JVM学习笔记 == 标签(空格分隔): jvm 学习笔记全部来自于总结 jvm内存示意图 虚拟机栈(Java Virtual Machine Stacks): ...
随机推荐
实例源码--Android自定义Gallery动画效果
相关文档与源码: 下载源码 技术要点: 1.自定义控件的使用 2.Gallery控件的使用实例 3.详细的源码注释 ...... 详细介绍: 1.自定义控件的使用 本套源码通过自定义控件的方式,继 ...
mybatis学习笔记三(关联关系)
学习mybatis的关联关系,主要注解在代码上,这里不做解释.配置文件一样的就不贴了 1.关联关系表创建(学生对应老师 多对一) 学生老师表 2.表对应的实体类 package com.home.en ...
js将格式化的时间转换成时间戳
var timestamp1 = Date.parse(new Date(startTime)), timestamp2 = Date.parse(new Date(endTime));;consol ...
JS 实现MVC的写法
案例:当select 下拉选择框值变化时,显示其值(不是文本) 常规写法
JavaScript no MVC
论文泛读·Adversarial Learning for Neural Dialogue Generation
原文翻译 导读 这篇文章的主要工作在于应用了对抗训练(adversarial training)的思路来解决开放式对话生成(open-domain dialogue generation)这样一个无监 ...
网站开发进阶(二十一)Angular项目信息错位显示问题解决
Angular项目信息错位显示问题解决 绪 最近在项目开发过程中遇到这样一个棘手的问题:查询出所有订单信息后,点击选择某一个订单,查询出的结果是上一次查询所得的结果.而且会出现点击两次才可以显示订单详 ...
EF Core系列
一. 二. 三. 系列章节 第一节:EF Core简介和CodeFirst和DBFirst两种映射模式(以SQLite和SQLServer为例) 第X节:XXXXXXXXXXXXXXXXXXXXXXX ...
STM32的HAL库中的DMA_FLAG_TCIF3_7等几个宏定义的含义
DMA_FLAG_TCIF0_4就是指DMA的通道0和通道4,DMA_FLAG_TCIF1_5就是指DMA的通道1和通道5,DMA_FLAG_TCIF2_6就是指DMA的通道2和通道6,DMA_FLA ...
BASIC-23_蓝桥杯_芯片测试
思路: 1.当测试与被测试的芯片全部可以互相测试时,为好芯片; 示例代码: #include #define N 20 int main(void){ int n = 0 ...
python作业之用户管理程序
数据库的格式化如下 分别为姓名|密码|电话号码|邮箱|用户类型 admin|admin123.|28812341026|admin@126.com|1root|admin123.|1344566348 ...