html下拉列表不居中_前端——HTML(1)

互联网中的三大基石

HTML(Hyper Text Markup Language):超文本标记语言

HTTP(HyperText Transfer Protocol):超文本传输协议

URL(Uniform Resource Location) :统一资源定位符

HTML、CSS、JS之间的关系

html是主体,装载各种dom元素;

css用来装饰dom元素;

javascript控制dom元素。

HTML是什么?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

标签

告知浏览器此页面属于什么字符编码格式

标签

指示 web 浏览器关于页面使用哪个 HTML 版本进行编写

标签

用于定义文档的头部,它是所有头部元素的容器。描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。

body 元素

定义文档的主体。包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

标题标签及其属性

h1-h6 自动的加粗加黑 会自动的换行

align:调整标签的位置 (默认是left)

分割线标签常用属性

width和height:宽和高

color:颜色

align:位置(默认center)

size:垂直方向的大小

列表标签

无序列表始于

    标签。每个列表项始于
  • 有序列表始于

      标签。每个列表项始于
    1. 标签

      自定义列表以

      标签开始。每个自定义列表项以
      开始。每个自定义列表项的定义以
      开始

      HTML中的小标签

      :下划线

      :下标

      :斜体

      :字体变小

      :加粗加黑

      :字体变大

      :删除线

      :上标

      下面有我自己在练习是所写的“乱码”操作哈哈哈,可以参考着看一下对应的输出结果,关于我编写HTML所用的软件是HBuilder,这个软件使用起来相对于notepad和notepad++更加的方便快捷,更加的灵活

      html下拉列表不居中_前端——HTML(1)_第1张图片

      展示一下 我练习时的测试代码:

      
      
      	
      		
      		
      	
      	
      		
      		zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
      		

      zzzzzzzzzzzzzzzzzzzzzzzzzzzzz

      zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz


      zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
      zzzzzzzzzzzzzzzzzzzzzzzzz

              	zzzzzzzzzzzzz
              zz
              zzzzzzzzzzzzzzz
              zzzzzzzzzzzzz
              
      zzzz zzzzz zzzzzzz zzzzzzz 23 log7 zzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz
      1. javase
      2. javaee
      3. javame
      java
      javase
      javaee
      javame
      zzzzzzzzzzzzzz

      html下拉列表不居中_前端——HTML(1)_第2张图片

      emmmm......比较乱,不过大致的格式以及输出结果就是这样,欢迎请教。

      下面写一下超链接以后的内容:

      超链接标签

      作用:

      实现不同页面之间的跳转

      href:指定跳转到目标资源的位置

      target:打开网页的方式

      实现锚点功能

      格式***

      图片标签

      常用属性:

      img (不会自动的换行)

      src:引入图片的位置{相对路径、绝对路径、网络路径 }

      title:图片的标题

      border:图片的边框

      alt:图片无法正常显示的时候显示的属性

      align:图片的位置 ,必须有参照物

      首先展示下我写的图片标签内的代码,我导入的两张图片,分别使用了相对路径、绝对路径、网络路径三种方法展示:

      展示结果大概就是这样的:

      html下拉列表不居中_前端——HTML(1)_第3张图片

      注意:src中可以有三种方式来加载图片,另外,如果出现图片加载不了的问题,首先检查一下自己的路径是否正确,另外如果自己的图片文件名中有乱码字符的,可能会导致系统识别不出来文件名,会发生错乱的情况,输出的结果就是内部服务器错误。这一点需要注意一下。

      table标签

      表格由

      标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由
      标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

      常用属性:

      align整个的表格的位置

      width表格的宽度

      height表格的高度

      cellpadding:内容和单元格的距离

      cellspacing:单元格和单元格的距离

      tr:行 :height

      td/th:列 width

      td:普通的列

      th:标题列:自动的居中,加黑效果

      colspan:列合并

      rowspan:行合并

      bgcolor:背景颜色

      建表有两种方式,一种是相对复杂的,另一种是使用tab快捷键来建表:

      普通的建表方式:

      另一种相对快捷的建表方式:

      例如:table>tr*3>th*3 :声明3行3列的表格, 输入完指令后敲tab键会自动生成一个表格

      HTML 表单

      用于搜集不同类型的用户输入

      元素

      定义 HTML 表单

      get和post:

      GET:

      (1)参数会依附于url地址之后

      (2)利用get方式提交数据,数据的长度有限制

      (3)利用get方式提交数据,是不安全的

      Post

      (1)请求不会依附于地址,

      (2)利用post处理参数不受限制

      (3)post提交数据比较安全

      常用的表单属性:

      定义用于文本输入的单行输入字段

      定义单选按钮。

      定义用于向表单处理程序(form-handler)提交表单的按钮。

      1 2 3
      4 5 6
      7