使用HTML语言和CSS开发商业站点
第一章
预习笔记
单词:
head:前进
title:标题
meta:超过
body:身体.尸体
W3C:全球最大的中文Web技术教程
strong:强烈的
target:目标,对象
href:水平参考
一:
1:什么是HTML:用来描述网页的一种语言,它是一种超文本标记语言,也就是说,HTML不仅是一种语言,仅是一种 标记语言,由一套标记标签组成,在制作网页时,HTML使用标记标签来描述网页;
2:W3C标准包括结构化标准语言(HTML,XML,).表现标准语言(CCS,).行为标准(DOM,ECMAScript),
3:网页的基本标签:
1>标题标签:表示一段文字的标题或者主题
2>段落标签:<p>...</p>表示一段文字
3>换行标签:<br/>表示强制换行显示
4>水平线标签:<hr/>表示一条水平线,该标签与<br/>标签一样,比较特殊,没有结束标签.
****//5>:字体样式标签:<strong>标签可以是字体变粗.<em>可以使字体倾斜.
二:
注释和特殊符号
语法:
<!--注释内容-->
特殊符号:
空格:  大于号(>):> 小于号(<):&It 引号(""):" 版权符号:©
图像标签:
1>JPG格式:有损压缩,会造成图像的失真,压缩后的体积很小,比较清晰
2>GIF格式:支持透明色,支持动画
3>BMP格式:与其他的Microsoft windows兼容,不支持文件压缩,与不适用于Web网页
4>PNG格式:兼容GIF格式和JPG格式,同时具备GIF格式不具备的特征
三:
图像标签的基本语法:
<img src="图片地址"alt ="图像的代替文字"width ="图片宽度"height ="图片高度"/>
超链接标签:
语法
<a href ="链接地址"target ="目标窗口位置">链接文本或者图像</a>
超链接的应用场合:
1>页面间链接:从一个页面链接到另一个页面;
2>锚链接 :常用于目标页内容很多,需定位到目标页内容中的某个具体位置;
语法:<a name="markwr">目标位置乙<a/>
<a href ="#marker">当前位置甲</a>
3>功能性连接:当单击该链接时不是打开某个网页,而是启动本机自带的某个应用程序;
DoctYpe声明
<!DCTYPE html>必须放在第一行。
<title>
<title> 搜狐</title>
<meta>
<meta charset="UTF-8"/>
<h1></h1>------<h6></h6>
提供了六级标签,所有标题字体加粗。<h1>最大<h6>最小
<p></p>
表示一段文字或者内容。<p>我爱你我爱你</p>
单标签
<br/>
表示强制换行表示,该符比较特殊,没有结束标签,直接使用。
<hr/>
表示一条水平线,该符和<br/>一样,没有结束标签,直接使用。
字体样式标签
<strong></strong> 让字体加粗
<em></em> 让文字倾斜。
常见的图像格式:JPG Gif BMP PNG
图像标签的基本
语法:
<img src="图片地址" alt="图像的代替文字" title="鼠标悬停时显示的文字" width="图片宽度"
hight="图片高度"/>
超链接的标签
语法:
<a href="链接地址" target="目标窗口位置">链接文本或图像</a>
href:表示链接地址的路径
target:链接在哪个窗口打开,常用的取值有——self(自身窗口)、——blank(新建窗口)
超链接可以是文本超链接,也可以是图像超链接。
行内元素和块元素
块元素的特征:无论内容多少,该元素独占一行。
行元素的特征:内容撑开宽度,左右都是行内元素的可以排在一行。
总结
1:HTML5文件的基本结构包括网页声明,网页基本信息,页面头部和页面主体;
2:编写HTML文档时遵守W3C标准,W3C是制定和维护统一的国际化Web开发标准的组织
3:网页基本标签包括:
1>:标题标签:<h1> ~<h6>
2>:段落标签:<p>
3>:水平线标签:<hr/>
4>:换行标签:<br/>
4:插入图像时标签<img/>.要求src和alt 属性比选
5:超链接<a>标签用于建立页面间的的导航链接.
链接可分为:
1>:页面键连接
2>:锚链接
3>:功能性链接
使用HTML语言和CSS开发商业站点的更多相关文章
- HTML语言和CSS开发商业站点 错题
1.关于css为什么会出现Bug说法不正确的是(). (选项两项) A.编写CSS样式是需要在不同浏览器中实现表现一致 B.各大主流浏览器由于不同厂家开发,浏览器使用的内核不同,支持CSS的程度不同 ...
- 使用HTML 和CSS 开发商业站点
第一章HTML 基础1.html 的基本结构?解析:2.HTML 全称Hyper Text Markup Language(超文本标记语言)扩展XML:Extendsible Markup Langu ...
- HTML语言和CSS开发
第一张 HTML基础1.HTML:超文本标记语言(它除了文字,还能写图片.视频.音频.交互),他不是编程语言,它是标记语言2. <!DOCTYPE html> HTML5版本申明 < ...
- HTML标记语言和CSS样式的简单运用(Nineteenth Day)
曾经励志下去要坚持把每天所学的知识记录下来,可是坚持了几天后,就觉得自己坚持不下去了....这几天自己好好的想了想,觉得不能坚持也得要坚持,因为要对自己负责,所以得学会逼着自己去做,只有这样才能把一件 ...
- 高效CSS开发核心要点摘录
做网站的,我们都知道尽量减少请求数,压缩CSS代码量,使用高效CSS选择符等方式可以来提高网站的载入速度和访问速度,也就是优化网站的性能. 下面分析了一些CSS的书写方式,很多都是我们知道并且正在使用 ...
- 能够免费做商业站点的CMS讨论
眼下国内使用过PHPCMS DEDECMS织梦 科讯CMS 帝国.Discuz.Ecshop等,可是他们都是个人非盈利免费,商业.政府.机构授权收费. 使用什么CMS能够免费做商业站点呢? ...
- CHENGDU1-Python编程语言和PEP8规范
CHENGDU1-Python编程语言和PEP8规范 PEP8规范6条? 答:PEP8规范说白了就是一种规范,可以遵守,也可以不遵守,遵守PEP8可以让代码的可读性更高. 代码编排:---缩进,4个空 ...
- Java精选笔记_Tomcat开发Web站点
Tomcat开发Web站点 Web开发的相关知识 B/S架构和C/S架构 C/S架构是Client/Server的简写,也就是客户机/服务器端的交互.常见应用 : QQ. 迅雷. 360. 旺旺等 B ...
- C语言和sh脚本的杂交代码
在网上看到了一个把 C语言和bash杂并起来的例子,这个示子如下所示.在下面这个例子中,我们把脚本用#if 0这个预编译给起来,这样就不会让其编译到C语言中了. #if 0 echo "He ...
随机推荐
- mysql left join 几个意思
left join 用于多表 >1个表比如select a.*,b.* from ta as a left join tb as b on a.aid=b.bid咱们就以实际的代码来查看一下. ...
- Linux上安装 MongoDB ZK MEMCACHE PHP扩展
安装mongo扩展: 下载地址:https://github.com/mongodb/mongo-php-driver,下载该源码包 /usr/local/php/bin/pecl install m ...
- salesforce零基础学习(八十四)配置篇: 自定义你的home page layout
当我们进入salesforce系统或者切换app后,默认第一个看到的就是home页面.home页面简单的来说可以包括左侧(narrow component)和右侧(wide component)两部分 ...
- DotNetCore跨平台~xUnit生成xml报告
在CI/CD流行至极的今天,你的项目没有自动化测试绝对是不可以接受的,在进行自动化部署和持续集成时,我们的dotnet core项目也是可以实现自动化的,之前说过gitlab,jenkins对持续集成 ...
- 《重构--改善既有代码的设计》总结or读后感:重构是程序员的本能
此文写得有点晚,记得去年7月读完的这本书,只是那时没有写文章的意识,也无所谓总结了,现在稍微聊一下吧. 想起写这篇感想,还是前几天看了这么一篇文章 研究发现重构软件并不会改善代码质量 先从一个大家都有 ...
- KafkaManager中Group下不显示对应Topic的解决方案
一.软件版本 Kafka:0.8.2.1 KafkaManager:1.2.9.10 二.问题现象 点击Consumer下某个组,显示如下图所示的异常,查看KafkaManager的Applicati ...
- 哈希表(散列)HashTable实现
近期刷Leetcode发现凡是找字符串中反复字符或者数组中找反复数据的时候就不知道从何下手了. 所以决定学习一下哈希表解题.哈希表的原理主要是解决分类问题,hash表是介于链表和二叉树之间的一种中间结 ...
- PushMeBaby 使用
github 下载地址 https://github.com/stefanhafeneger/PushMeBaby 1.执行假设报错,那么导入CoreServices.framawork 替换这句 # ...
- 【ODPS】TableTunnel单线程简单下载事例
ODPS Tunnel是ODPS的数据通道,用户能够通过Tunnel向ODPS中上传或者下载数据.眼下Tunnel仅支持表(不包含视图View)数据的上传下载. 主要接口 描写叙述 TableTunn ...
- string.prototype.replace 和正则表达式
字符串的replace方法是操作字符串的常用方法之一,但这个方法只有当与正则合并使用时,才能体现出它的强大之处. 语法:str.replace(regexp|substr, newsubStr|fun ...