html--标签

Css--层叠样式表

控制网页样式。

Internet存放网页的计算机称为web服务器

常见的web服务器

Apache:使用排名第一web服务器。

Tomcat:开源免费的一个服务器,Apache的一个基金会项目。

Jbossweb service容器,ejb的容器。

IISinternet信息服务器。微软主推的一个服务器。

WebLogic:开发、管理、部署一些大型的web应用。分布式的服务器。

HTML超文本标记语言。

 

<!DOCTYPE HTMl>解析语言。声明当前html的版本

<html>

<head>

<title>Show web<title>

<meta chars = “utf-8”>

<body>

<p> firest boold <p>

<body>

<head>

<html>


1什么是html

 

本质上是一种描述网页的语言

Html超文本标记语言。Hypertext markup language

属于标记语言,不属于编程语言。(xml

Html文档也称为web网页。

2.html标签的含义

a) 第一个标签是喀什标签,第二个标签是结束标签,不是所有的标签都需要结束。自开闭标签

b) Himl注意格式规范。必须成套出现。

c) Html标签最好区分大小写。

3.<!doctype Html>

a) 主要申明网页的版本以及网页应该遵循的规范,有助于浏览器显示网页

b) 网络上有各种不同类型的文件,浏览器都可以正确的打开。如果能够正确声明html,那浏览器就更加准确的解析。

c) DOCTYPE 后面的内容 不区分大小写。

 

4.meta

a) Meta不需要闭合的标签。提供html的元元素,元元素不会显示出来,只会被浏览器解析。

b) 除了设置当前编码集以外,还可以设置网页的关键字。网页的描述信息、作者的信息。

c) 设置关键字<meta  name = “description” content = “this is meta ”>,设置关键字keywords,设置作者author

4.body内容

a) 标题

b) 注释<!--注释内容--><p id = “1”> 标签加id

c) <p></p>段落标签

d) 超链接

<a href = “www.baidu.com”>百度</a> 跳转到本页加”#”

e) 通过a 标签设置,锚点,一个a标签设置name属性,一个a标签跳转到当前name属性对应的值。

f) Img图片标签。可以自开自闭的标签 <img src = “xxxx.jpg”/>路径加格式------------------设置图片大小<img src = “xxxx.jpg”  width=”200px” height =”300px” title =”桌面”  alt=”这是xxxx  图片提示”/ >

g) ../表示上一级目录。

h) </br> 换行。自开闭标签。浏览器会把换行和空格解析所以使用该标签。

i) <hr>----分隔线。<hr width = “100px”/>自开闭空间。

j) <abbr>用来表示缩写文字。<abbr title = “zhonguo”>zg<abbr/>

k) <address>表示文档作者的信息。<address>...........................................<address/>

l) 定义粗体标签 <b>粗体</b>  <strong >粗体</strong>

m) 高亮标签 <mark>xxxxxxxx</mark>

n) 斜体强调 <em></em>

o) <dbo dir=”rtl”>asdadadadasd</dbo> 文本方向

p) 斜体突出 <p>this <i>is</i> dog</p>

q) <ins>定义已经被插入文档中的文本  <p>不要<del>删除的内容</del>只要<ins>新内容</ins></p>

r) 可定义预格式化的文本 <pre>  zadadasdfgerw  <pre>

s) q标签 表示引用 <q>引用内容</q>

t) u标签 <u>内容</u> 加下划线。

 

Html表单

什么是表单?-

1.是包含表单元素的区域--用来和用户交互

2.

<form  html5.html   action=””>在表单中书写内容 action表示当前获取到值后,提交到服务器。

<input  type = “text” name=”” id =” ” readonly =readonly  disable = disable>文本框  readonly只读 disable 禁用。

<input type = “password” maxlenth = “10”  placeholder = “密码”>密码框  maxlenth最大长度

<Lab> 文本内容</lab>

Value 赋初始值

Textare  文本域

<button ><btton/> 按钮

Input type = “botton” value “修改”

Input type = “reset” value = “重置”

Input type = “rsubmit” value = “提交”

 

</form>


下拉框

 

<select name =”” id =”” size = “3” multiple = “multiple”> size 表示显示行数 multiple表示可以多选。

<Option>1</option>

<Option>2</option>

<Option>3</option>

<Option>4</option>

<Option>5</option>

</select>

<Fieldset> 区域

<legend>xxxx<legend>

</Fieldset>

单选按钮 --Radio

<Input type =”radio” name=”1”>

Input type =”radio” name=”1

多选按钮--

<Input type =”checkbox”>

<Input type =”checkbox”>

<Input type =”checkbox”>

iframe框架

<iframe src = “form.html”>

</iframe> 

表格

<Table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>


Thead tbody tfoot 语义化标签,有利于搜素引擎查询,可以快速定位内容。

Th 表示表头,自动加粗内容加粗


 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值