一、走进Web开发
Web运行的原理:
二、HTML
1.1什么是html
HTML是用来描述网页的一种语言
HTML指的是超文本标记语言(Hyper Text Markup Language)
超文本就是网页上不光有文本,还有图片,音乐,视频等
标记语言是一套标记标签(markup tag) div,span,font,i等标记
HTML使用标记标签来描述网页
HTML文档包含了HTMl标签及文本内容
HTML文档也叫WEB页面
HTML的主要目的:通过一系列标签,来显示网页的不同效果,不同部分
2.html的核心标记
2.1 html的文档结构
2.2 html的注释
2.3 代码的规范
HTML标记不分大小写,建议小写。如:,,
HTML标记属性可有可无,有的标记没有属性。如:,
,等双标签的内容在开始和结束标签之前,单标签没有内容
HTML标签可以互相嵌套,但一定要注意顺序嵌套,外层套内层,一层套一层
2.4 标记分类
单标记:标记只有一个,不是修饰内容的而是显示某个功能的,如果有图片,设置编码,设置关键字等。
语法:
例:
双标记:是修饰内容的标记,有开始有结束标记,中间要写修饰内容。
语法:要修饰的内容标记名称>
例:
2.5 body的属性
Bgcolor:背景的颜色 例:
颜色:十六进制、单词、rgb方式
Background:背景图片 例:
用background设置的图片必须与背景相同大小
2.6 文本修饰标记
:文本的修饰 例:文本
Font的标记属性:
Color:文本的颜色 值:颜色
Size:文本的大小 值:1~6
: 斜体
: 加粗
: 下划线
: 删除线
: 下标
: 上标
2.7 排版标记
:换行,在需要换行的标记后面添加br标记就可以了。
:水平线
Hr常用的属性
Size:粗细 值:1~100
Color:颜色 值:颜色
Width:宽度 值:数值(固定)或百分比(根据浏览器窗口大小自动调整) 百分比一般用于响应式网站开发。
~
标题标记:--->自动换行和加粗
:预排班标记--->代码怎么写,显示出来就是一样的。2.8 div和span标记
div:是双标记,没有任何意义的块元素,用的最多和css配合使用,一般为“div+css”
语法:
span:是双标签,没有任何意义的行内元素,用的最多和css配合使用。
语法:要放入的元素
块元素:不管内容有多少,都会占整个浏览器的一行,一般都是用块元素布局
行内元素:内容多少就占多少,一般都是行内元素嵌套到块元素中
例:
3.0 无序列表
语法:
属性:type 值类型:diss square circle
3.1 无序列表
语法:
属性:type :A,a,i,I,1
static:数值
例:
3.2 图片标记
语法:
常用属性:
src:图片的地址
Alt:来代替图片没有显示时的描述
width:图片的宽度
Height:图片的高度
border:图片的边框
Align:图片的对其方式
Hspace:图片与文字的左右距离
Vspace:图片与文字的上下距离
3.3 图片的热点
功能:在图片中添加可以点击的链接
Rect:矩形 坐标:右上角,左下角
circle:圆形 坐标:中心点和坐标半径
poly:多边形 坐标:每两个数字为一点
Href:跳转的地址
Target:打开新链接的方式 值:_blank 新窗口 _self原窗口 _parent父窗口 _top顶级框架
3.5 滚动标记
语法:要滚动的元素
常用属性:
Direction:滚动的方向
width:滚动宽度
height:滚动高度
Bgcolor:背景颜色
Scrollamount:滚动步长值,值越大,滚动越快
Scrolldelay:两步的停留时间,以毫秒为单位,一秒=1000毫秒
Loop:滚动的次数
3.6 多媒体标记
语法:
常用的属性:
src:多媒体地址 值:路径
width:调整多媒体宽度 值:数字
height:调整高度 值:数字
HTML的文档结构与语法(二)
3.7 超链接标记 语法:对当前链接的描述 作用:网页进行跳转 常用的属性: Href:链接的网址或ip或地址 值:就是具体的地址 T ...
Win 10 开发中Adaptive磁贴模板的XML文档结构,Win10 应用开发中自适应Toast通知的XML文档结构
分享两篇Win 10应用开发的XML文档结构:Win 10 开发中Adaptive磁贴模板的XML文档结构,Win10 应用开发中自适应Toast通知的XML文档结构. Win 10 开发中Adapt ...
HTML5的文档结构
HTML5的文档结构 HTML5简化了许多,它的设计遵循了3个原则:1.兼容性.2.实用性.3.通用访问性 1. header 元素 标签定义文档或者文档 ...
HTML的概念和三大基石以及标准文档结构
HTML的概念: 概念: HTML:超文本标记语言 作用: 需要将java在后台根据用户请求处理的请求结果在浏览器中显示给用户. 在浏览器中数据需要使用友好的格式展示给用户. HTML是告诉浏 ...
简体中国版文档的Markdown语法
Markdown文件 注意︰这是简体中国版文档的Markdown语法.如果你正在寻找英语版文档.请参阅Markdown︰ Markdown: Syntax. Markdown: Syntax 概述 哲 ...
HTML5的文档结构和新增标签
一.HTML5 文档结构1.第一步:打开 开发工具,打开指定文件夹:2.第二步:保存 index.html 文件到磁盘中,.html 是网页后缀:3.第三步:开始编写 HTML5 的基本格式.< ...
读取XML文档结构并写入内容
1.在项目中新建XML文档结构.xsd文件,在其中添加相应的节点. 2.读取文档结构并写入内容 string initFileName = @"D:\Config.xml"; Da ...
MFC开发上位机到底用Dialog结构还是文档结构?
最近要跟着导师一起开发一款大型上位机.MFC新人在考虑用对话框结构还是文档结构. 虽然说书上说大型结构的软件都需要文档结构,但是目前来看,对话框可以实现功能,并且对话框的程序更小一些,节省资源加载速度 ...
随机推荐
appium+Python真机运行测试demo的方法
appium+Python真机运行测试demo的方法 一, 打开手机的USB调试模式 二, 连接手机到电脑 将手机用数据线连接到电脑,并授权USB调试模式.查看连接的效果,在cmd下运行命 ...
clock divider
一个clock的产生: 1) Clock source的选择: cgm_mux5(.clk_out, .clk_in0, .clk_in1, .clk_in2, .clk_in3, .clk_in4, ...
【转】Session ID/session token 及和cookie区别
Session + Cookie 知识收集! cookie机制采用的是在客户端保持状态的方案.它是在用户端的会话状态的存贮机制,他需要用户打开客户端的cookie支持.cookie的作用就是为了解决 ...
【ES5】hideProperty
function hideProperty(host, name, value) { Object.defineProperty(host, name, { value: value, writabl ...
c++的四种强制类型转换
http://hb.qq.com/a/20110722/001452.htm ...... C风格的强制类型转换(Type Cast)很简单,不管什么类型的转换统统是:TYPE b = (TYPE)a ...
c++ 静态多态与动态多态
多态polymorphism是指具有多种形态的情况,它能根据单一的标记关联不同的行为.多态是面向对象程序设计的基础.在面向对象程序设计中的多态是一种运行时的多态.C++中有两种多态,称为动多态(运行时 ...
在Livemedia的基础上开发自己的流媒体客户端
一.背景 二.Livemedia框架介绍 1.总体框架 2.客户端框架 2.1 客户端openRTSP流程 2.2增加一种新的媒体 2.2.1增加媒体的format 2.2.2 新媒体需要考虑的问题 ...
Android数据库高手秘籍(一)——SQLite命令
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/38461239 要想熟练地操作不论什么一个数据库.最最主要的要求就是要懂SQL语言, ...
Windows下visual studio code搭建golang开发环境
Windows下visual studio code搭建golang开发环境 序幕 其实环境搭建没什么难的,但是遇到一些问题,主要是有些网站资源访问不了(如:golang.org),导致一些包无法安装 ...
【百度地图API】如何调整结果面板的样式?如何获取指定页码的结果?
原文:[百度地图API]如何调整结果面板的样式?如何获取指定页码的结果? 摘要: 1.你是否想自定义查询后,结果面板的显示样式? 2.数据接口每次只返回10条结果,如何取到单独每一页的结果? ---- ...