开启新的征程-Html语言

最新推荐文章于 2021-06-04 00:52:02 发布

我敲代码养你啊

最新推荐文章于 2021-06-04 00:52:02 发布

阅读量234

点赞数

分类专栏：技术文章标签：前端

本文链接：https://blog.csdn.net/weixin_43444439/article/details/86373959

版权

技术专栏收录该内容

54 篇文章 1 订阅

订阅专栏

一、介绍Html语言
1、作用：展示页面
2、Html（超文本标签语言）
（1）超文本：超越一般的文本（比如规定文本的颜色，字体，大小，图片等）
（2）标签：人家语言本身定义好的标记。用什么样地标签，对应展示什么样地效果（所以学Html就是学标签）
二、Html书写规则
（1）文件的后缀名：（.html）或者（,htm）
（2）标签必须用<>引起来，已经定义好的标签
（3）属性
格式：key=“value”
属性的值用“”括起来
（4）不区分大小写
（5）最好将所有的内容都放在一个标签中
没有结束的标签叫空标签

标签之间的内容称之为标签体
三、常用嵌套（html标签下可以嵌套一些其他的标签）
1、文件标签
html标签：声明当前网页为html网页
html子标签（head，body）

用来存放当前页面的重要信息，一般不展示在html页面上（比如搜获引擎，搜获哪些词我们这个网页就会显示出来，被网络爬虫爬到。这些都是在html语言中写好的，但是不会显示在页面上） head下面常见的子标签（1）网页的标题要展示的数据放在body中 2、**标题标签**： n取值1-6 h1最大，h6最小自动换行，且留白，默认加粗常用属性： align：对齐方式（left，right，center）

3、**字体标签** 规定字体，字体颜色，大小常用属性：face：字体 size：尺寸（1-7） color：颜色：英文单词 #******（16进制数）

4、段落标签：

属性：align

5、其他标签：
加粗的意思
斜体

水平线
换行

四、在一个页面中展示多张图片
图片标签
常用属性：
src：图片的路径
alt：替代文字
title:移上去的文字
width：宽
height：高
大小的写法：
像素：123px
百分比
路径的写法：
（1）相对的路径：
./或者什么都不写（当前目录）
…/上一级目录
（2）绝对路径：
代协议的路径：
磁盘的绝对路径
五、列表页面炸展示
需求：将友情链接的页面通过列表表示出来
技术分析：列表标签
列表标签：

<ol>有序的
<ul>无序的

常用的子标签

<li></li>列表项

<body>
		<ol type="A">
			<li>王昭君</li>
			<li>西施</li>
			<li>貂蝉</li>
			<li>杨玉环</li>
		</ol>
		<hr/>
		<ul type="square">
			<li>刘德华</li>
			<li>张学友</li>
			<li>郭富城</li>
			<li>黎明</li>
			</ul>
	</body>

在这里插入图片描述
type是控制列表各个元素前是（1,2,3）格式或者（a，b，c）格式
六、超链接

<a></a>
常用属性：
href：跳转路径
target：在哪里打开 ：（1）target="—blank"代表超链接在一个新的页面打开
                    （2）target="_self"超链接在当前页面打开
<li><a href="http://www.itcast.cn" target="_blank">传智博客</a></li>

七、通过表格布局将首页信息展示
1、表格标签：

（1）<table></table>
常用子标签
<tr></tr>行
常用子标签：
<td></td>列
<th>表头单元格（里面内容自动居中并加粗）
注意：一行必须有一个单元格或一列
（2）table常用属性
border：边框，像素值
width：边框宽度
height：高度
align：表格居中
bgcolor：背景颜色
（3）tr属性
align表格内内容对齐
（4）td属性
align表格内内容对齐
colapan:跨列合并合并列数）
rowspan：跨行合并

2、表格里面也可以嵌套表格。
（1）想加空格的话要用到转义字符
&+内容+；
比如空格（&nasp;）
（2）图片下面想有解释的词。可以用段落标签
3、表单页面（用于用户注册，登陆页面）
表单标签：

<form></form>用来从浏览器收集用户的信息
属性：
（1）action：信息提交的路径（默认是当前页面）
（2）method：表单提交的方式
    值：get和post（默认是get）
    get会把所有参数追加在地址栏，大小有限制。post不会。（post更安全）
常见的子标签
（1）input（输入框）
属性：type：（取值下面十个）
          text：文本框默认
          password：密码框
          radio：单选框
          checkbok：多选框
          file：文件框
          submit:提交
          reset：重置
          button：普通按钮
          hidden：隐藏域（页面上不显示，但是可以提交）
          image：图片提交
          date：日期（有奇效）
    name：可以将几个单选框（多选框设为一组）
    readonly=”readonly“：只读
    disable="disable":禁用
    要想将信息保存到服务器，必须有name属性
（2）select（下拉选）
使用方法：
<select>
<option>辽宁</option>
</select>
（3）texarea（文本域）
提交到服务器上的内容格式：
key=value
对于文本框，密码框，文本域，手写的内容传递过去了
水域单选框多选框，却没有把值传过去，要想传递过去还可以设置value值
若下拉选想吧选中内容的值传递过去，加value属性
默认值：有的需要加value值，有的checked="checked"，添加select="selected"
4、注册页面

我敲代码养你啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
开启新的征程-Html语言

一、介绍Html语言1、作用：展示页面2、Html（超文本标签语言）（1）超文本：超越一般的文本（比如规定文本的颜色，字体，大小，图片等）（2）标签：人家语言本身定义好的标记。用什么样地标签，对应展示什么样地效果（所以学Html就是学标签）二、Html书写规则（1）文件的后缀名：（.html）或者（,htm）（2）标签必须用&amp;amp;lt;&amp;amp;gt;引起来，已经定义好的标签（3）属性格式：...
复制链接

扫一扫