HTML标签

最新推荐文章于 2024-09-10 17:45:18 发布

LIUBLOGS

最新推荐文章于 2024-09-10 17:45:18 发布

阅读量342

点赞数

分类专栏：济宁惠与实训基地HTML学习笔记文章标签： html5

本文链接：https://blog.csdn.net/qq_44046091/article/details/104748594

版权

济宁惠与实训基地HTML学习笔记专栏收录该内容

0 篇文章 0 订阅

订阅专栏

*****开篇来一个经典面试题：

两大架构：C/S B/S

C/S 代表客户端 S代表服务器就是桌面应用程序，比如腾讯课堂、qq、等像APP一类
C/S 架构软件的特点：
（1）软件使用前必须得安装
（2）软件更新时，服务端和客户端都需要更新
（3）C/S 架构通信的话采用的是自有协议，相对来说更安全。
（4）C/S 架构的软件不能够跨平台，就类似于Pc版的qq不能再手机端安装

B/S：B代表浏览器 S代表服务器比如网页版的京东、淘宝、12306等，说白了就是网站。
B/S架构软件的特点：
（1）软件使用前不需要安装
（2）软件更新时，客户端不需要更新
（3）B/S架构的软件通信使用的是HTTP协议，相对来说不安全
（4）B/S架构软件可以跨平台

1.html头标签`<head>`

<meta name="keywords" content="html,css,web" /> 搜索关键字，加上这个可以在搜索html的时候查到你的网页。
<meta name= “description” content=”这是一个学习网站啊” /> 给网站一个简介
<meta name= “author” content=”zhangsan” /> 标明网站的作者

<style>（内部样式）耦合度太高,不常用内部样式，而常常单独建一个css样式，重用性好。

< link rel=" " > （链接标签）

<button onclick="login()">这是一个按钮</button> (onclick,触发事件）
<script>第一个作用：脚本文件function (alert,弹窗）</script>
<script>第二个作用：引用外部脚本文件</script>

2.html`<body>`

p*5 按Tab键，是快捷键，会出现5个<p>
div>ul>p*5>a 自己试一下效果。
  空格
> 大于号 >
< 小于号 <
&quot； 双引号
© 版权号 ©

*注意：

h1标签在一个页面中只能出现一次，浏览器只对第一个h1标签解析，如果写了多个h1标签对浏览器搜索引擎不友好。
可以加多个h1标签，前提是除了第一个，后面的h1标签必须包含在hgroup标签里面
如果你连着使用了多个h标签，把这些h标签放到hgroup标签里面。

<br /> 换行
<pre> 预定义文本</pre>
<hr />水平线
<font >标签已经被淘汰了，我们用css样式去设置样式。
<b>和<strong>都是定义粗体，建议使用strong
<i>和<em>都是斜体，建议使用em
<small>小号字体
sup 上标
sub 下标
img 图片标签，也是一个行内元素
src 图片的路径
alt 当图片加载失败时，提示文本
title 鼠标悬浮，提示文本
height 高度
width 宽度
border 边框

<a>标签，也是一个行内元素（就是不换行）
href 链接地址
target 打开方式，常用值
_self 在当前窗口打开链接页面，默认值
_blank 在浏览器新建一个窗口，打开链接页面
<a href="htttp://www.baidu.com">百度一下</a>
<a href="htttp://www.baidu.com" target="_blank">百度一下</a>

锚链接

    在当前页面链接当前页面的资源
    需要给链接的标签起一个id值，id是惟一的。
    在href="#id名",id以#开头。

<a href="#p1">第一章</a>
<a href="#p2">第二章</a>
<a href="#p3">第三章</a>
<p id="p1">第一章内容</p>
<p id="p2">第二章内容</p>
<p id="p3">第三章内容</p>

列表

dl>dt+dd Tab键，快捷键

表格table

table>tr*3>td*4 3行4列
<caption>表格名</caption>
<th>表头标签，加粗且居中。

 table{
    margin 外边距，
    margin: 0 auto ; 根据页面大小水平居中，（0表示上下，auto表示左右）
    text-align:center ;水平居中
    }

action 提交数据给服务器sevlect给数据库对比。处理表单数据的服务器地址

input 输入框，常用属性
type 输入框的类型，常用类型值
radio 单选按钮
checked 默认被选中
text 文本框
size 文本框的宽度
<input type="checkbox" name="hobby" value="1"/> 看书
checkbox 多选框
maxlength 限定文本框输入字符
file 上传框
如果要做上传功能，需要改变表单的编码，改成enctype=“multipart/form-data”
submit 提交按钮

H5新增属性

color 颜色
email 邮箱，给我们添加了表单验证，（不是太常用，一般是自己定义正则表达式来限定规范）
date 日期
number 数字框
tel 手机号（只是针对手机端有效）

select 列表框
option 列表项
select = "selected"设置第一选项。
<select name = “province” id="province>省份选择框
<option value ="beijing" >北京</option>
selected =“selected” 第一选项。

textarea 多行文本框
rows 多行文本可见的行数
cols 多行文本可见的列数 (这个数字是数字，字母，汉字的平均值，会有微小误差）